Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@kooriookami
kooriookami committed Aug 25, 2023
1 parent 1888b32 commit d4daa46
Show file tree
Hide file tree
Showing 8 changed files with 810 additions and 803 deletions.
57 changes: 57 additions & 0 deletions docs/assets/index-55ecbc9b.js
View file

Large diffs are not rendered by default.

57 changes: 0 additions & 57 deletions docs/assets/index-aff719ad.js
View file

This file was deleted.

2 changes: 1 addition & 1 deletion docs/assets/index-2d5204f1.css → docs/assets/index-cafbb86a.css
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
<link rel="icon" type="image/svg+xml" href="./vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Compress Text</title>
<script type="module" crossorigin src="./assets/index-aff719ad.js"></script>
<link rel="stylesheet" href="./assets/index-2d5204f1.css">
<script type="module" crossorigin src="./assets/index-55ecbc9b.js"></script>
<link rel="stylesheet" href="./assets/index-cafbb86a.css">
</head>
<body>
<div id="app"></div>
Expand Down
1,224 changes: 613 additions & 611 deletions package-lock.json
View file

Large diffs are not rendered by default.

10 changes: 5 additions & 5 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,22 +30,22 @@
"license": "ISC",
"dependencies": {
"@element-plus/icons-vue": "^2.1.0",
"element-plus": "^2.3.9",
"element-plus": "^2.3.10",
"leafer-compress-text": "workspace:*",
"leafer-ui": "^1.0.0-beta.9",
"leafer-ui": "^1.0.0-beta.10",
"lodash": "^4.17.21",
"normalize.css": "^8.0.1",
"vue": "^3.3.4"
},
"devDependencies": {
"@iconify/vue": "^4.1.1",
"@vitejs/plugin-vue": "^4.2.3",
"eslint": "^8.46.0",
"@vitejs/plugin-vue": "^4.3.3",
"eslint": "^8.47.0",
"eslint-define-config": "^1.23.0",
"eslint-plugin-vue": "^9.17.0",
"jsonfile": "^6.1.0",
"rollup-plugin-copy": "^3.4.0",
"sass": "^1.65.1",
"sass": "^1.66.1",
"vite": "^4.4.9"
}
}
4 changes: 2 additions & 2 deletions packages/compress-text/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "leafer-compress-text",
"version": "1.0.17",
"version": "1.0.18",
"main": "src/index.js",
"module": "src/index.js",
"repository": {
Expand All @@ -18,7 +18,7 @@
"license": "ISC",
"dependencies": {
"css-line-break": "^2.1.0",
"leafer-ui": "^1.0.0-beta.9",
"leafer-ui": "^1.0.0-beta.10",
"lodash": "^4.17.21"
}
}
255 changes: 130 additions & 125 deletions src/components/CompressText.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,23 +23,23 @@
<div class="form-main">
<p v-if="form.firstLineCompress">首行文本压缩率：{{ firstLineTextScale }}</p>
<p>当前文本压缩率：{{ textScale }}</p>
<el-form-item label="宽度">
<el-input-number
v-model="form.width"
:min="0"
:max="2000"
:precision="0"
/>
</el-form-item>
<el-form-item label="高度">
<el-input-number
v-model="form.height"
:min="0"
:max="2000"
:precision="0"
/>
</el-form-item>
<el-form :model="form" label-width="auto">
<el-form-item label="宽度">
<el-input-number
v-model="form.width"
:min="0"
:max="2000"
:precision="0"
/>
</el-form-item>
<el-form-item label="高度">
<el-input-number
v-model="form.height"
:min="0"
:max="2000"
:precision="0"
/>
</el-form-item>
<el-form-item label="文本">
<el-switch v-model="form.firstLineCompress" active-text="首行压缩" />
<el-input
Expand All @@ -50,67 +50,70 @@
placeholder="请输入文本"
/>
</el-form-item>
<el-form-item label="颜色">
<el-switch v-model="form.gradient" active-text="渐变色" />
<div v-if="form.gradient" style="width: 100%; margin-top: 10px">
<el-row :gutter="gutter">
<el-col :span="8">
<el-space :size="10" wrap>
<el-color-picker v-model="form.gradientColor1" @change="changeGradientColor" />
<el-color-picker v-model="form.gradientColor2" @change="changeGradientColor" />
</el-space>
</el-col>
<el-col :span="16">
<el-form-item style="margin-bottom: 0" label="预设">
<el-select
v-model="form.gradientPreset"
placeholder="请选择预设"
clearable
@change="changeGradientPreset"
>
<el-option v-for="item in gradientList" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-else style="width: 100%;margin-top: 10px">
<el-color-picker v-model="form.color" />
</div>
</el-form-item>
<el-form-item label="对齐">
<el-radio-group v-model="form.textAlign">
<el-radio-button label="left">
左
</el-radio-button>
<el-radio-button label="center">
中
</el-radio-button>
<el-radio-button label="right">
右
</el-radio-button>
<el-radio-button label="justify">
两端
</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="描边">
<el-slider
v-model="form.strokeWidth"
:min="0"
:max="1"
:step="0.1"
/>
</el-form-item>
<el-form-item label="缩放">
<el-slider
v-model="form.fontScale"
:min="0.5"
:max="1.5"
:step="0.02"
/>
</el-form-item>
<el-form-item label="显示">
<el-switch v-model="form.visible" />
</el-form-item>
</el-form>
<el-form-item label="颜色">
<el-switch v-model="form.gradient" active-text="渐变色" />
<div v-if="form.gradient" style="width: 100%; margin-top: 10px">
<el-row :gutter="gutter">
<el-col :span="8">
<el-space :size="10" wrap>
<el-color-picker v-model="form.gradientColor1" @change="changeGradientColor" />
<el-color-picker v-model="form.gradientColor2" @change="changeGradientColor" />
</el-space>
</el-col>
<el-col :span="16">
<el-form-item style="margin-bottom: 0" label="预设">
<el-select
v-model="form.gradientPreset"
placeholder="请选择预设"
clearable
@change="changeGradientPreset"
>
<el-option v-for="item in gradientList" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-else style="width: 100%;margin-top: 10px">
<el-color-picker v-model="form.color" />
</div>
</el-form-item>
<el-form-item label="对齐">
<el-radio-group v-model="form.textAlign">
<el-radio-button label="left">
左
</el-radio-button>
<el-radio-button label="center">
中
</el-radio-button>
<el-radio-button label="right">
右
</el-radio-button>
<el-radio-button label="justify">
两端
</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="描边">
<el-slider
v-model="form.strokeWidth"
:min="0"
:max="1"
:step="0.1"
/>
</el-form-item>
<el-form-item label="缩放">
<el-slider
v-model="form.fontScale"
:min="0.5"
:max="1.5"
:step="0.02"
/>
</el-form-item>
</div>
</div>
</div>
Expand Down Expand Up @@ -150,6 +153,7 @@
gradientPreset: 'silver',
strokeWidth: 0,
fontScale: 1,
visible: true,
},
gradientList: [
{ label: '银字', value: 'silver', color1: '#999999', color2: '#ffffff' },
Expand Down Expand Up @@ -204,8 +208,9 @@
gradientColor2: this.form.gradientColor2,
strokeWidth: this.form.strokeWidth,
fontScale: this.form.fontScale,
// autoSmallSize: true,
// smallFontSize: 18,
visible: this.form.visible,
// autoSmallSize: true,
// smallFontSize: 18,
});
this.firstLineTextScale = compressText.firstLineTextScale;
Expand Down Expand Up @@ -237,68 +242,68 @@
</script>

<style lang="scss" scoped>
.compress-text-container {
height: 100vh;
display: flex;
overflow: hidden;
.compress-text-container {
height: 100vh;
display: flex;
overflow: hidden;
.compress-text {
height: 100%;
overflow: auto;
flex-grow: 1;
position: relative;
padding: 20px;
.compress-text {
height: 100%;
overflow: auto;
flex-grow: 1;
position: relative;
padding: 20px;
.leafer {
display: inline-flex;
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}
.leafer {
display: inline-flex;
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}
}
.form {
height: 100%;
overflow: auto;
width: 400px;
flex-shrink: 0;
border-left: 1px solid var(--border-color);
.form {
height: 100%;
overflow: auto;
width: 400px;
flex-shrink: 0;
border-left: 1px solid var(--border-color);
.form-header {
padding: 30px 20px;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid var(--border-color);
.form-header {
padding: 30px 20px;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid var(--border-color);
.form-title {
display: flex;
flex-wrap: wrap;
align-items: center;
.form-title {
display: flex;
flex-wrap: wrap;
align-items: center;
.github-icon {
margin-left: 5px;
cursor: pointer;
}
.github-icon {
margin-left: 5px;
cursor: pointer;
}
}
.form-description {
margin-top: 20px;
font-size: 12px;
font-weight: normal;
color: var(--info-color);
}
.form-description {
margin-top: 20px;
font-size: 12px;
font-weight: normal;
color: var(--info-color);
}
}
.form-main {
padding: 20px;
.form-main {
padding: 20px;
::v-deep(.el-form) {
.el-form-item {
.tip {
margin-left: 10px;
color: var(--normal-color);
}
::v-deep(.el-form) {
.el-form-item {
.tip {
margin-left: 10px;
color: var(--normal-color);
}
}
}
}
}
}
</style>

0 comments on commit d4daa46

Please sign in to comment.