@neatui/vue 4.0.0 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/package.json +2 -2
  2. package/src/components/display/Calendar.vue +2 -2
  3. package/src/components/display/CalendarReg.vue +2 -2
  4. package/src/components/display/PhotoEditor.vue +2 -2
  5. package/src/components/form/DateRangeView.vue +3 -3
  6. package/src/components/form/DateView.vue +2 -2
  7. package/src/components/form/ImgUpload.vue +2 -2
  8. package/src/components/form/TimeView.vue +2 -2
  9. package/src/components/loader/LayerLoader/LayerLoader.vue +3 -3
  10. package/src/components/loader/LimitLoader/LimitLoader.vue +1 -1
  11. package/src/components/loader/TableLoader/TableLoader.vue +4 -4
  12. package/src/components/tools/FormDraftsView.vue +2 -2
  13. package/src/components/tools/FormVerifyView.vue +1 -1
  14. package/src/components/tools/MoreTools.vue +2 -2
  15. package/src/components/tools/Pagination@a.vue +2 -2
  16. package/src/components/tools/Pagination@b.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neatui/vue",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "description": "basic component ui",
5
5
  "main": "./src/index.ts",
6
6
  "license": "MIT",
@@ -34,7 +34,7 @@
34
34
  "@fekit/scrollto": "^3.0.3",
35
35
  "@fekit/toast": "^2.7.2",
36
36
  "@fekit/utils": "^6.0.0",
37
- "@neatui/css": "^4.0.0",
37
+ "@neatui/css": "^4.0.2",
38
38
  "@rollup/plugin-commonjs": "^26.0.1",
39
39
  "@rollup/plugin-node-resolve": "^15.2.3",
40
40
  "@vue/compiler-sfc": "^3.4.30",
package/src/components/display/Calendar.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  </div>
12
12
  <div ui-flex="row rm"></div>
13
13
  </div>
14
- <div ui-flex="row am" class="fs-ss bold nx-sl nt-sm"><span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span></div>
14
+ <div ui-flex="row am" class="fs-sm bold nx-sl nt-sm"><span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span></div>
15
15
  <div>
16
16
  <ul ui-calendar-days="" ui-flex="row lm" class="flex-wrap nx-sm">
17
17
  <li class="ew7 n-sm ux-none" v-for="(item, idx) in curr.days" :key="idx">
@@ -54,7 +54,7 @@
54
54
  </div>
55
55
  </div>
56
56
  <div ui-flex="row cm" class="nx-ss-sub">
57
- <ul class="fs-ss n-sm-sub" ui-flex="row lm">
57
+ <ul class="fs-sm n-sm-sub" ui-flex="row lm">
58
58
  <li ui-btn="@a s none">年</li>
59
59
  <li ui-btn="@a s none">月</li>
60
60
  <li ui-btn="@a s none">日</li>
package/src/components/display/CalendarReg.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  </div>
12
12
  <div ui-flex="row rm"></div>
13
13
  </div>
14
- <div ui-flex="row am" class="fs-ss bold nx-sl nt-sm"><span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span></div>
14
+ <div ui-flex="row am" class="fs-sm bold nx-sl nt-sm"><span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span></div>
15
15
  <div>
16
16
  <ul ui-calendar-days="" ui-flex="row lm" class="flex-wrap nx-sm">
17
17
  <li class="ew7 n-sm ux-none" v-for="(item, idx) in curr.days" :key="idx">
@@ -54,7 +54,7 @@
54
54
  </div>
55
55
  </div>
56
56
  <div ui-flex="row cm" class="nx-ss-sub">
57
- <ul class="fs-ss n-sm-sub" ui-flex="row lm">
57
+ <ul class="fs-sm n-sm-sub" ui-flex="row lm">
58
58
  <li ui-btn="@a s none">年</li>
59
59
  <li ui-btn="@a s none">月</li>
60
60
  <li ui-btn="@a s none">日</li>
package/src/components/display/PhotoEditor.vue CHANGED
@@ -12,8 +12,8 @@
12
12
  <div v-else class="photo-editor-viewer bg-weak my-mm" ui-flex="row cm">
13
13
  <input type="file" class="input pa" @change="change" />
14
14
  <div class="ac input-icon">
15
- <i class="icon icon-upload fs-ll"></i>
16
- <div class="fs-ms">请先上传图片</div>
15
+ <i class="icon icon-upload fs-xl"></i>
16
+ <div class="fs-ml">请先上传图片</div>
17
17
  </div>
18
18
  </div>
19
19
  <div ui-flex="row cm" class="mr-ls-sub">
package/src/components/form/DateRangeView.vue CHANGED
@@ -36,7 +36,7 @@
36
36
  </div>
37
37
  <div ui-date-body="">
38
38
  <div class="nb-sm">
39
- <ul ui-flex="row am" class="fs-ss nx-sm nt-sm">
39
+ <ul ui-flex="row am" class="fs-sm nx-sm nt-sm">
40
40
  <li class="flex-block ac"><span>日</span></li>
41
41
  <li class="flex-block ac"><span>一</span></li>
42
42
  <li class="flex-block ac"><span>二</span></li>
@@ -110,7 +110,7 @@
110
110
  </div>
111
111
  <div ui-date-body="">
112
112
  <div class="nb-sm">
113
- <ul ui-flex="row am" class="fs-ss nx-sm nt-sm">
113
+ <ul ui-flex="row am" class="fs-sm nx-sm nt-sm">
114
114
  <li class="flex-block ac"><span>日</span></li>
115
115
  <li class="flex-block ac"><span>一</span></li>
116
116
  <li class="flex-block ac"><span>二</span></li>
@@ -157,7 +157,7 @@
157
157
  </p>
158
158
  <div v-else-if="com.shortcuts?.length" ui-flex="row lm">
159
159
  <span class="nowrap">推荐：</span>
160
- <div class="mr-sm-sub nx-sl-sub ny-ss-sub lh-ss nowrap fs-sm dib-sub" ui-scroll=":x y:hidden">
160
+ <div class="mr-sm-sub nx-sl-sub ny-ss-sub lh-ss nowrap fs-sl dib-sub" ui-scroll=":x y:hidden">
161
161
  <p v-for="(item, idx) in com.shortcuts" :key="idx" class="bg-main-o-xs co-main r-xl" ui-btn="@a xs none :round" @click="item?.func">{{ item?.text }}</p>
162
162
  <p class="bg-main-o-xs co-main r-xl" ui-btn="@a xs none :round"><Icon class="co-main" name="more" /></p>
163
163
  </div>
package/src/components/form/DateView.vue CHANGED
@@ -77,7 +77,7 @@
77
77
  </ul>
78
78
  </div>
79
79
  <div v-else class="full">
80
- <ul ui-flex="row am" class="fs-ss nx-sm nt-ss">
80
+ <ul ui-flex="row am" class="fs-sm nx-sm nt-ss">
81
81
  <li class="flex-block ac"><span>日</span></li>
82
82
  <li class="flex-block ac"><span>一</span></li>
83
83
  <li class="flex-block ac"><span>二</span></li>
@@ -165,7 +165,7 @@
165
165
  <!-- <span v-if="!state.isNoTime" :anim-editing="state.type === baseType" class="nx-ss">{{ idate(state.panel).format('HH:mm:ss') }}</span> -->
166
166
  </div>
167
167
  <div v-else-if="state.shortcuts?.length" ui-flex="row lm">
168
- <div class="mr-sm-sub nx-sl-sub ny-ss-sub lh-ss nowrap fs-sm dib-sub" ui-scroll=":x y:hidden">
168
+ <div class="mr-sm-sub nx-sl-sub ny-ss-sub lh-ss nowrap fs-sl dib-sub" ui-scroll=":x y:hidden">
169
169
  <p v-for="(item, idx) in state.shortcuts" :key="idx" class="bg-main-o-ss co-main r-xl" ui-btn="@a xs none :round" @click="item?.func">{{ item?.text }}</p>
170
170
  <p class="bg-main-o-ss co-main r-xl" ui-btn="@a xs none :round"><Icon class="co-main" name="more" /></p>
171
171
  </div>
package/src/components/form/ImgUpload.vue CHANGED
@@ -18,8 +18,8 @@
18
18
  <input v-if="!crop" type="file" class="pa input" :multiple="multiple" @change="change" />
19
19
  <div v-else class="input pa" @click="uploadClick"></div>
20
20
  <div class="co-note ac input-icon">
21
- <i class="icon icon-upload fs-ml"></i>
22
- <div class="fs-sm">上传图片</div>
21
+ <i class="icon icon-upload fs-lm"></i>
22
+ <div class="fs-sl">上传图片</div>
23
23
  </div>
24
24
  </div>
25
25
  </slot>
package/src/components/form/TimeView.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  </div>
12
12
  <div ui-flex="row rm"></div>
13
13
  </div>
14
- <div ui-flex="row am" class="fs-ss bold nx-sl nt-sm"><span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span></div>
14
+ <div ui-flex="row am" class="fs-sm bold nx-sl nt-sm"><span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span></div>
15
15
  <div>
16
16
  <ul ui-calendar-days="" ui-flex="row lm" class="flex-wrap nx-sm">
17
17
  <li class="ew7 n-sm ux-none" v-for="(item, idx) in curr.days" :key="idx">
@@ -54,7 +54,7 @@
54
54
  </div>
55
55
  </div>
56
56
  <div ui-flex="row cm" class="nx-ss-sub">
57
- <ul class="fs-ss n-sm-sub" ui-flex="row lm">
57
+ <ul class="fs-sm n-sm-sub" ui-flex="row lm">
58
58
  <li ui-btn="@a s none">年</li>
59
59
  <li ui-btn="@a s none">月</li>
60
60
  <li ui-btn="@a s none">日</li>
package/src/components/loader/LayerLoader/LayerLoader.vue CHANGED
@@ -24,13 +24,13 @@
24
24
  <slot name="suffix" :item="item" :path="paths(idx)"></slot>
25
25
  </div>
26
26
  <slot name="tools" :data="data" :item="item" :path="paths(idx)">
27
- <div ui-flex="row rm" class="layer-loader-tool parent-hover:show fs-ss" :data-model="item.model">
27
+ <div ui-flex="row rm" class="layer-loader-tool parent-hover:show fs-sm" :data-model="item.model">
28
28
  <div ui-tips="@a co:well ux:hover">
29
29
  <button ui-btn="@a none s :square">
30
30
  <i class="icon icon-add"></i>
31
31
  </button>
32
32
  <div ui-tips-box="bl">
33
- <div class="n-sm nowrap fs-sm">
33
+ <div class="n-sm nowrap fs-sl">
34
34
  <ul class="nx-sm-sub ny-ss-sub">
35
35
  <li class="r-sm ux-hover" @click="fAddArea(item, data, path, idx)">用容器包裹</li>
36
36
  <li class="b-solid b-line bb-xs n-no my-ss" v-if="isBoxNode(item.model)"></li>
@@ -47,7 +47,7 @@
47
47
  </div>
48
48
  <button ui-btn="@a none s :square" @click="fDelNode(item, data, idx)"><i class="icon icon-delete"></i></button>
49
49
  </div>
50
- <button ui-btn="@a none s :square" class="layer-loader-tool fs-ss" :class="item?.attrs?.hide ? '' : 'parent-hover:show'" @click="fhideNode(item)">
50
+ <button ui-btn="@a none s :square" class="layer-loader-tool fs-sm" :class="item?.attrs?.hide ? '' : 'parent-hover:show'" @click="fhideNode(item)">
51
51
  <i class="icon" :class="item?.attrs?.hide ? 'icon-hide' : 'icon-view'"></i>
52
52
  </button>
53
53
  </slot>
package/src/components/loader/LimitLoader/LimitLoader.vue CHANGED
@@ -25,7 +25,7 @@
25
25
  <div class="flex-fixed mr-sl-sub my-sm-sub nowrap" ui-flex="row rm" ui-hide="<pad">
26
26
  <IFollowView v-if="tools" tipBoxClass="nr-no">
27
27
  <button class="bg-fore" ui-btn="@a s case :border :square">
28
- <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="co-read fs-sm" style="width: 1em; height: 1em">
28
+ <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="co-read fs-sl" style="width: 1em; height: 1em">
29
29
  <path
30
30
  d="M372 981.6c-80 0-154.4-43.2-195.2-112L35.2 624.8c-40-68.8-40-155.2 0-224.8l141.6-244.8c40-69.6 115.2-112 195.2-112h282.4c80 0 154.4 43.2 195.2 112L991.2 400c40 68.8 40 155.2 0 224.8l-141.6 244.8c-40 69.6-115.2 112-195.2 112H372z m0-825.6c-39.2 0-76.8 21.6-96.8 56L134.4 456c-20 34.4-20 76.8 0 112l140.8 244.8c20 34.4 56.8 55.2 96.8 55.2h282.4c39.2 0 76.8-21.6 96.8-56l140.8-244.8c20-34.4 20-76.8 0-112L751.2 211.2c-20-34.4-56.8-55.2-96.8-55.2H372z m140.8 552.8c-108.8 0-196.8-88-196.8-196.8 0-108.8 88-196.8 196.8-196.8 108.8 0 196.8 88 196.8 196.8 0.8 108.8-88 196.8-196.8 196.8z m0-280c-45.6 0-83.2 37.6-83.2 83.2s37.6 83.2 83.2 83.2c22.4 0 43.2-8.8 59.2-24 16-16 24-36.8 24-59.2 0-45.6-37.6-83.2-83.2-83.2z"
31
31
  />
package/src/components/loader/TableLoader/TableLoader.vue CHANGED
@@ -43,12 +43,12 @@
43
43
  </slot>
44
44
  </th>
45
45
  </template>
46
- <th v-if="slots.operate" col-fixed="r" class="fs-sm nowrap ar">
46
+ <th v-if="slots.operate" col-fixed="r" class="fs-sl nowrap ar">
47
47
  <div ui-flex="row rm">
48
48
  <span>{{ words['operate'] || '操作' }}</span>
49
49
  <IFollowView v-if="tools" class="lh-xs" tipBoxClass="n-no">
50
50
  <button :ui-btn="`@a none xs :square`">
51
- <Icon name="tableloader-setting" class="co-auto o-ls fs-ss"></Icon>
51
+ <Icon name="tableloader-setting" class="co-auto o-ls fs-sm"></Icon>
52
52
  </button>
53
53
  <template #tips>
54
54
  <div class="w-ml*s h-ll*s n-sl" ui-scroll="x:hidden :y">
@@ -279,9 +279,9 @@
279
279
  if (!col.thead.class.some((c: any) => c === 'wrap' || c === 'nowrap')) {
280
280
  col.thead.class.push('nowrap');
281
281
  }
282
- // 如果没有以 fs- 开头的类，就加 fs-sm
282
+ // 如果没有以 fs- 开头的类，就加 fs-sl
283
283
  if (!col.thead.class.some((c: string) => /^fs-/.test(c))) {
284
- col.thead.class.push('fs-sm');
284
+ col.thead.class.push('fs-sl');
285
285
  }
286
286
 
287
287
  // 缓存的显示信息
package/src/components/tools/FormDraftsView.vue CHANGED
@@ -6,7 +6,7 @@
6
6
  >
7
7
  </button>
8
8
  <div ui-tips-box="tl" class="w-sm*m mob:w-ss*m n-ms" :ux-view="state.show">
9
- <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-ss"></i></div>
9
+ <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-sm"></i></div>
10
10
  <h4>温馨提示</h4>
11
11
  <p class="ny-sm" v-if="state.len">本条记录有未保存的草稿，是否使用草稿？</p>
12
12
  <p class="ny-sm" v-else>当前没有未保存的草稿哦～</p>
@@ -14,7 +14,7 @@
14
14
  <span v-if="state.detail" class="ux-click co-link" @click="state.detail = 0">隐藏详情<i class="icon icon-dropdown r180"></i></span>
15
15
  <span v-else class="ux-click co-link" @click="state.detail = 1">显示详情<i class="icon icon-dropdown"></i></span>
16
16
  </p>
17
- <ul v-if="state.detail" class="mb-sl fs-sm" ui-scroll=":y" style="max-height: 20rem">
17
+ <ul v-if="state.detail" class="mb-sl fs-sl" ui-scroll=":y" style="max-height: 20rem">
18
18
  <template v-for="(item, idx) in state.diffs" :key="idx">
19
19
  <li v-if="item.label" ui-flex="row lm" class="bb-xs b-line b-solid ny-ss">
20
20
  <span class="nx-ss r-sm mr-sm ux-hover nowrap" @click="fScrollToField(item.domId)">[{{ item.label }}]</span>
package/src/components/tools/FormVerifyView.vue CHANGED
@@ -6,7 +6,7 @@
6
6
  <span v-if="verify?.length">{{ verify?.length }}</span>
7
7
  </button>
8
8
  <div ui-tips-box="tl" :ux-view="state.show" class="w-sm*m mob:w-ss*m n-ms">
9
- <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-ss"></i></div>
9
+ <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-sm"></i></div>
10
10
  <h4>温馨提示</h4>
11
11
  <p v-if="verify?.length" class="ny-sm">本条记录疑似有{{ verify?.length }}个错误，您再检查一遍吧～</p>
12
12
  <p v-else class="nb-sm">好棒哦，没有发现任何错误！</p>
package/src/components/tools/MoreTools.vue CHANGED
@@ -5,7 +5,7 @@
5
5
  <slot name="prefix"></slot>
6
6
  <slot>
7
7
  <div>
8
- <h6 class="fs-ss o-mm nowrap">每页显示数量</h6>
8
+ <h6 class="fs-sm o-mm nowrap">每页显示数量</h6>
9
9
  <div ui-btns="@a line s :group :border">
10
10
  <button @click="setLinkMode('default')"><code :class="`${state.tools.confs.linkMode === 'default' ? 'co-main' : ''}`">跳转</code></button>
11
11
  <button @click="setLinkMode('preview')"><code :class="`${state.tools.confs.linkMode === 'preview' ? 'co-main' : ''}`">预览</code></button>
@@ -14,7 +14,7 @@
14
14
  </div>
15
15
  <div ui-line="@a" class="mt-sm mb-ss"></div>
16
16
  <div>
17
- <h6 class="fs-ss o-mm nowrap">每页显示数量</h6>
17
+ <h6 class="fs-sm o-mm nowrap">每页显示数量</h6>
18
18
  <div ui-btns="@a line s :group :border">
19
19
  <button @click="setPageSize(10)"><code :class="`${state.tools.param.pageSize === 10 ? 'co-main' : ''}`">10</code></button>
20
20
  <button @click="setPageSize(20)"><code :class="`${state.tools.param.pageSize === 20 ? 'co-main' : ''}`">20</code></button>
package/src/components/tools/Pagination@a.vue CHANGED
@@ -89,14 +89,14 @@
89
89
  <slot name="setting">
90
90
  <ul class="n-ms mb-sm-sub">
91
91
  <li>
92
- <h6 class="fs-ss o-mm nowrap">显示总条数</h6>
92
+ <h6 class="fs-sm o-mm nowrap">显示总条数</h6>
93
93
  <label ui-form="@a type:switch">
94
94
  <input type="checkbox" name="form2" v-model="state.showTotal" />
95
95
  <span>{{ state.showTotal ? '' : '' }}</span>
96
96
  </label>
97
97
  </li>
98
98
  <li>
99
- <h6 class="fs-ss o-mm nowrap">每页显示数量</h6>
99
+ <h6 class="fs-sm o-mm nowrap">每页显示数量</h6>
100
100
  <ul>
101
101
  <li v-for="item in pageSizeOptions" :key="item" @click="size(item)" class="ux-hover r-sm">
102
102
  <code :class="`${pageSize === item ? 'co-main' : ''}`">{{ item }}条/页</code>
package/src/components/tools/Pagination@b.vue CHANGED
@@ -104,14 +104,14 @@
104
104
  <slot name="setting">
105
105
  <ul class="n-ms mb-sm-sub">
106
106
  <li>
107
- <h6 class="fs-ss o-mm nowrap">显示总页数</h6>
107
+ <h6 class="fs-sm o-mm nowrap">显示总页数</h6>
108
108
  <label ui-form="@a type:switch">
109
109
  <input type="checkbox" v-model="state.showTotalPages" />
110
110
  <span>{{ state.showTotalPages ? '' : '' }}</span>
111
111
  </label>
112
112
  </li>
113
113
  <li>
114
- <h6 class="fs-ss o-mm nowrap">显示总条数</h6>
114
+ <h6 class="fs-sm o-mm nowrap">显示总条数</h6>
115
115
  <label ui-form="@a type:switch">
116
116
  <input type="checkbox" v-model="state.showTotal" />
117
117
  <span>{{ state.showTotal ? '' : '' }}</span>