@a2simcode/ui 0.0.167 → 0.0.168
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.
- package/.cursor/skills/ui-component-helper/README.md +86 -86
- package/.cursor/skills/ui-component-helper/SKILL.md +115 -115
- package/LICENSE +53 -53
- package/README.md +156 -156
- package/dist/simcode-ui.es.js +38 -42
- package/dist/simcode-ui.umd.js +2 -2
- package/dist/stats.html +1 -1
- package/dist/ui.css +1 -1
- package/docs/components/autocomplete.md +89 -89
- package/docs/components/barcode.md +101 -101
- package/docs/components/button-select.md +24 -24
- package/docs/components/button.md +117 -117
- package/docs/components/buttons.md +119 -119
- package/docs/components/cascader-select.md +114 -114
- package/docs/components/checkbox.md +114 -114
- package/docs/components/code-mirror.md +85 -85
- package/docs/components/collapse.md +26 -26
- package/docs/components/comp.md +71 -71
- package/docs/components/count-up.md +24 -24
- package/docs/components/count.md +24 -24
- package/docs/components/data-panel.md +24 -24
- package/docs/components/date.md +76 -76
- package/docs/components/dialog-full.md +112 -112
- package/docs/components/dialog.md +127 -127
- package/docs/components/divider.md +24 -24
- package/docs/components/drawer.md +127 -127
- package/docs/components/dynamic-layer.md +118 -118
- package/docs/components/echarts.md +72 -72
- package/docs/components/editor.md +24 -24
- package/docs/components/form.md +72 -72
- package/docs/components/guid.md +39 -39
- package/docs/components/hpanel.md +24 -24
- package/docs/components/icon.md +56 -56
- package/docs/components/input-button.md +24 -24
- package/docs/components/input-code.md +24 -24
- package/docs/components/input-color.md +114 -114
- package/docs/components/input-layer.md +26 -26
- package/docs/components/input-rows.md +370 -370
- package/docs/components/input-tag.md +50 -50
- package/docs/components/input.md +129 -129
- package/docs/components/layer-form.md +61 -61
- package/docs/components/layer.md +127 -127
- package/docs/components/layout.md +132 -132
- package/docs/components/map.md +24 -24
- package/docs/components/menu.md +121 -121
- package/docs/components/meta/buttons.ts +76 -76
- package/docs/components/meta/code-mirror.ts +108 -108
- package/docs/components/meta/comp.ts +236 -236
- package/docs/components/meta/date.ts +267 -267
- package/docs/components/meta/echarts.ts +64 -64
- package/docs/components/meta/form-item.ts +50 -50
- package/docs/components/meta/form.ts +181 -181
- package/docs/components/meta/input-cards.ts +112 -112
- package/docs/components/meta/input-color.ts +243 -243
- package/docs/components/meta/input-layer.ts +366 -366
- package/docs/components/meta/layer-form.ts +56 -56
- package/docs/components/meta/map.ts +68 -68
- package/docs/components/meta/panel.ts +152 -152
- package/docs/components/meta/slider.ts +270 -270
- package/docs/components/meta/table-panel.ts +232 -232
- package/docs/components/meta/table.ts +391 -391
- package/docs/components/meta/tabs.ts +146 -146
- package/docs/components/meta/title.ts +91 -91
- package/docs/components/meta/tree-select.ts +199 -199
- package/docs/components/meta/tree.ts +219 -219
- package/docs/components/meta/vpanel.ts +19 -19
- package/docs/components/meta/workflow-viewer.ts +55 -55
- package/docs/components/number.md +124 -124
- package/docs/components/page.md +102 -102
- package/docs/components/panel.md +37 -37
- package/docs/components/radio.md +87 -87
- package/docs/components/rate.md +71 -71
- package/docs/components/select.md +133 -133
- package/docs/components/slider-captcha.md +41 -41
- package/docs/components/slider.md +101 -101
- package/docs/components/switch.md +90 -90
- package/docs/components/table-panel.md +236 -236
- package/docs/components/table.md +391 -391
- package/docs/components/tabs.md +26 -26
- package/docs/components/title.md +24 -24
- package/docs/components/tree.md +207 -207
- package/docs/components/upload.md +117 -117
- package/docs/components/workflow-viewer.md +21 -21
- package/docs/components/workflow.md +21 -21
- package/docs/examples/autocomplete/advanced.vue +35 -35
- package/docs/examples/autocomplete/basic.vue +32 -32
- package/docs/examples/autocomplete/clearable.vue +33 -33
- package/docs/examples/autocomplete/custom-template.vue +49 -49
- package/docs/examples/autocomplete/disabled.vue +33 -33
- package/docs/examples/autocomplete/icon.vue +37 -37
- package/docs/examples/barcode/all-types.vue +380 -380
- package/docs/examples/barcode/basic.vue +14 -14
- package/docs/examples/barcode/props-appearance.vue +243 -243
- package/docs/examples/barcode/props-geometry.vue +143 -143
- package/docs/examples/barcode/props-logic.vue +216 -216
- package/docs/examples/barcode/props-symbology.vue +199 -199
- package/docs/examples/barcode/props-text.vue +268 -268
- package/docs/examples/button/basic.vue +7 -7
- package/docs/examples/button/danger-ghost.vue +17 -17
- package/docs/examples/button/disabled.vue +10 -10
- package/docs/examples/button/loading.vue +6 -6
- package/docs/examples/button/shape.vue +7 -7
- package/docs/examples/button/size.vue +14 -14
- package/docs/examples/button/type.vue +9 -9
- package/docs/examples/button-select/basic.vue +19 -19
- package/docs/examples/buttons/basic.vue +45 -45
- package/docs/examples/buttons/disabled.vue +36 -36
- package/docs/examples/buttons/dropdown.vue +63 -63
- package/docs/examples/buttons/group.vue +52 -52
- package/docs/examples/buttons/link.vue +47 -47
- package/docs/examples/buttons/popup.vue +39 -39
- package/docs/examples/buttons/size.vue +45 -45
- package/docs/examples/cascader-select/basic.vue +28 -28
- package/docs/examples/cascader-select/clearable.vue +34 -34
- package/docs/examples/cascader-select/disabled.vue +43 -43
- package/docs/examples/cascader-select/filterable.vue +37 -37
- package/docs/examples/cascader-select/methods.vue +84 -84
- package/docs/examples/cascader-select/multiple.vue +38 -38
- package/docs/examples/cascader-select/slot.vue +45 -45
- package/docs/examples/checkbox/basic.vue +18 -18
- package/docs/examples/checkbox/button.vue +19 -19
- package/docs/examples/checkbox/color.vue +25 -25
- package/docs/examples/checkbox/disabled.vue +17 -17
- package/docs/examples/checkbox/min-max.vue +20 -20
- package/docs/examples/checkbox/mixed.vue +56 -56
- package/docs/examples/checkbox/size.vue +28 -28
- package/docs/examples/code-mirror/basic.vue +11 -11
- package/docs/examples/code-mirror/events.vue +42 -42
- package/docs/examples/code-mirror/height.vue +25 -25
- package/docs/examples/code-mirror/mode.vue +33 -33
- package/docs/examples/code-mirror/readonly.vue +14 -14
- package/docs/examples/collapse/basic.vue +82 -82
- package/docs/examples/comp/basic.vue +7 -7
- package/docs/examples/comp/collapse.vue +38 -38
- package/docs/examples/comp/tabs.vue +38 -38
- package/docs/examples/count/basic.vue +101 -101
- package/docs/examples/count-up/basic.vue +89 -89
- package/docs/examples/data-panel/basic.vue +110 -110
- package/docs/examples/date/basic.vue +73 -73
- package/docs/examples/date/default-value.vue +59 -59
- package/docs/examples/date/format.vue +75 -75
- package/docs/examples/date/range.vue +66 -66
- package/docs/examples/date/types.vue +79 -79
- package/docs/examples/decorated-title/basic.vue +31 -31
- package/docs/examples/dialog/basic.vue +36 -36
- package/docs/examples/dialog/custom-buttons.vue +44 -44
- package/docs/examples/dialog/fullscreen.vue +23 -23
- package/docs/examples/dialog/no-mask.vue +17 -17
- package/docs/examples/dialog/size.vue +44 -44
- package/docs/examples/dialog/steps.vue +57 -57
- package/docs/examples/dialog-full/basic.vue +29 -29
- package/docs/examples/dialog-full/custom-buttons.vue +45 -45
- package/docs/examples/dialog-full/no-buttons.vue +18 -18
- package/docs/examples/dialog-full/no-header.vue +27 -27
- package/docs/examples/dialog-full/steps.vue +71 -71
- package/docs/examples/divider/basic.vue +52 -52
- package/docs/examples/drawer/basic.vue +35 -35
- package/docs/examples/drawer/custom-buttons.vue +34 -34
- package/docs/examples/drawer/direction.vue +47 -47
- package/docs/examples/drawer/mask.vue +36 -36
- package/docs/examples/drawer/no-buttons.vue +20 -20
- package/docs/examples/drawer/size.vue +28 -28
- package/docs/examples/dynamic-layer/basic.vue +33 -33
- package/docs/examples/dynamic-layer/custom-buttons.vue +43 -43
- package/docs/examples/dynamic-layer/form.vue +73 -73
- package/docs/examples/dynamic-layer/steps.vue +52 -52
- package/docs/examples/dynamic-layer/types.vue +40 -40
- package/docs/examples/echarts/basic.vue +31 -31
- package/docs/examples/echarts/dynamic.vue +43 -43
- package/docs/examples/echarts/line.vue +46 -46
- package/docs/examples/echarts/pie.vue +44 -44
- package/docs/examples/editor/basic.vue +15 -15
- package/docs/examples/form/basic.vue +613 -613
- package/docs/examples/form/init.vue +76 -76
- package/docs/examples/form/master-detail.vue +203 -203
- package/docs/examples/form/rule-format.vue +179 -179
- package/docs/examples/guid/basic.vue +10 -10
- package/docs/examples/guid/size.vue +13 -13
- package/docs/examples/hpanel/basic.vue +79 -79
- package/docs/examples/icon/basic.vue +9 -9
- package/docs/examples/icon/rotate-flip.vue +9 -9
- package/docs/examples/icon/size.vue +7 -7
- package/docs/examples/input/basic.vue +10 -10
- package/docs/examples/input/clearable.vue +12 -12
- package/docs/examples/input/disabled.vue +6 -6
- package/docs/examples/input/icon.vue +23 -23
- package/docs/examples/input/password.vue +18 -18
- package/docs/examples/input/size.vue +13 -13
- package/docs/examples/input/textarea.vue +25 -25
- package/docs/examples/input/word-limit.vue +28 -28
- package/docs/examples/input-button/basic.vue +33 -33
- package/docs/examples/input-code/basic.vue +29 -29
- package/docs/examples/input-color/basic.vue +10 -10
- package/docs/examples/input-color/disabled.vue +13 -13
- package/docs/examples/input-color/format.vue +17 -17
- package/docs/examples/input-color/no-alpha.vue +13 -13
- package/docs/examples/input-color/only-button.vue +15 -15
- package/docs/examples/input-color/predefine.vue +31 -31
- package/docs/examples/input-color/size.vue +15 -15
- package/docs/examples/input-layer/basic.vue +86 -86
- package/docs/examples/input-rows/basic.vue +73 -73
- package/docs/examples/input-rows/drag.vue +48 -48
- package/docs/examples/input-rows/layer-form.vue +85 -85
- package/docs/examples/input-rows/nested.vue +91 -91
- package/docs/examples/input-tag/basic.vue +27 -27
- package/docs/examples/input-tag/colors.vue +23 -23
- package/docs/examples/input-tag/readonly.vue +17 -17
- package/docs/examples/layer/basic.vue +43 -43
- package/docs/examples/layer/custom-buttons.vue +61 -61
- package/docs/examples/layer/drawer.vue +37 -37
- package/docs/examples/layer/full.vue +38 -38
- package/docs/examples/layer/modal.vue +34 -34
- package/docs/examples/layer/steps.vue +46 -46
- package/docs/examples/layer-form/basic.vue +76 -76
- package/docs/examples/layer-form/config.vue +82 -82
- package/docs/examples/layer-form/size.vue +72 -72
- package/docs/examples/layout/basic.vue +36 -36
- package/docs/examples/layout/custom-size.vue +50 -50
- package/docs/examples/layout/disable-move.vue +37 -37
- package/docs/examples/layout/hide-mid-when-narrow.vue +96 -96
- package/docs/examples/layout/min-size.vue +73 -73
- package/docs/examples/layout/percent-size.vue +80 -80
- package/docs/examples/layout/simple.vue +22 -22
- package/docs/examples/layout/top-side.vue +34 -34
- package/docs/examples/map/basic.vue +22 -22
- package/docs/examples/menu/basic.vue +58 -58
- package/docs/examples/menu/collapsed.vue +49 -49
- package/docs/examples/menu/horizontal.vue +44 -44
- package/docs/examples/menu/selection-test.vue +104 -104
- package/docs/examples/menu/theme.vue +46 -46
- package/docs/examples/menu/vertical.vue +46 -46
- package/docs/examples/number/advanced.vue +143 -143
- package/docs/examples/number/basic.vue +63 -63
- package/docs/examples/number/disabled.vue +49 -49
- package/docs/examples/number/size.vue +42 -42
- package/docs/examples/number/slots.vue +123 -123
- package/docs/examples/number/step-strictly.vue +41 -41
- package/docs/examples/number/step.vue +47 -47
- package/docs/examples/page/basic.vue +41 -41
- package/docs/examples/page/code-table-model.vue +428 -428
- package/docs/examples/page/dept-user-management.vue +211 -211
- package/docs/examples/page/init.vue +87 -87
- package/docs/examples/page/log.vue +453 -453
- package/docs/examples/page/user-management.vue +313 -313
- package/docs/examples/panel/tool-buttons.vue +18 -18
- package/docs/examples/radio/basic.vue +17 -17
- package/docs/examples/radio/button.vue +17 -17
- package/docs/examples/radio/color.vue +18 -18
- package/docs/examples/radio/disabled.vue +17 -17
- package/docs/examples/radio/size.vue +29 -29
- package/docs/examples/rate/basic.vue +24 -24
- package/docs/examples/rate/half.vue +24 -24
- package/docs/examples/rate/readonly.vue +11 -11
- package/docs/examples/rate/text.vue +37 -37
- package/docs/examples/select/basic.vue +16 -16
- package/docs/examples/select/clearable.vue +22 -22
- package/docs/examples/select/disabled.vue +31 -31
- package/docs/examples/select/filterable.vue +24 -24
- package/docs/examples/select/group.vue +23 -23
- package/docs/examples/select/icon.vue +16 -16
- package/docs/examples/select/multiple.vue +18 -18
- package/docs/examples/select/size.vue +39 -39
- package/docs/examples/slider/basic.vue +42 -42
- package/docs/examples/slider/disabled.vue +17 -17
- package/docs/examples/slider/marks.vue +30 -30
- package/docs/examples/slider/size.vue +37 -37
- package/docs/examples/slider/tooltip.vue +36 -36
- package/docs/examples/slider/vertical.vue +26 -26
- package/docs/examples/slider-captcha/basic.vue +44 -44
- package/docs/examples/slider-captcha/custom.vue +48 -48
- package/docs/examples/switch/basic.vue +16 -16
- package/docs/examples/switch/disabled.vue +13 -13
- package/docs/examples/switch/loading.vue +13 -13
- package/docs/examples/switch/size.vue +15 -15
- package/docs/examples/switch/text.vue +13 -13
- package/docs/examples/table/action-filter.vue +126 -126
- package/docs/examples/table/actions.vue +116 -116
- package/docs/examples/table/add-row.vue +103 -103
- package/docs/examples/table/basic.vue +168 -168
- package/docs/examples/table/checkbox-layout.vue +68 -68
- package/docs/examples/table/custom-layout.vue +115 -115
- package/docs/examples/table/dynamic-type.vue +73 -73
- package/docs/examples/table/editable.vue +262 -262
- package/docs/examples/table/field-selection.vue +87 -87
- package/docs/examples/table/frozen-column.vue +140 -140
- package/docs/examples/table/height-mode.vue +99 -99
- package/docs/examples/table/icon.vue +85 -85
- package/docs/examples/table/link.vue +66 -66
- package/docs/examples/table/multiple.vue +188 -188
- package/docs/examples/table/pagination.vue +151 -151
- package/docs/examples/table/single-selection.vue +64 -64
- package/docs/examples/table/sub-table-lazy.vue +97 -97
- package/docs/examples/table/sub-table.vue +103 -103
- package/docs/examples/table/tag.vue +43 -43
- package/docs/examples/table/tree-column.vue +119 -119
- package/docs/examples/table/tree-data.vue +141 -141
- package/docs/examples/table/tree-default-expand-all.vue +60 -60
- package/docs/examples/table/tree-lazy.vue +80 -80
- package/docs/examples/table/tree-set-selection.vue +75 -75
- package/docs/examples/table-panel/basic.vue +229 -229
- package/docs/examples/table-panel/batch-operations.vue +285 -285
- package/docs/examples/table-panel/button-visibility.vue +88 -88
- package/docs/examples/table-panel/filter.vue +219 -219
- package/docs/examples/table-panel/get-selection.vue +111 -111
- package/docs/examples/table-panel/multiple-selection.vue +243 -243
- package/docs/examples/table-panel/pagination.vue +133 -133
- package/docs/examples/table-panel/sub-table-lazy.vue +118 -118
- package/docs/examples/table-panel/tree-parent-key.vue +67 -67
- package/docs/examples/tabs/basic.vue +98 -98
- package/docs/examples/time/base.vue +67 -67
- package/docs/examples/title/basic.vue +87 -87
- package/docs/examples/tree/accordion.vue +46 -46
- package/docs/examples/tree/basic.vue +50 -50
- package/docs/examples/tree/buttons.vue +53 -53
- package/docs/examples/tree/checkable.vue +52 -52
- package/docs/examples/tree/custom-keys.vue +39 -39
- package/docs/examples/tree/default-expanded.vue +52 -52
- package/docs/examples/tree/draggable.vue +29 -29
- package/docs/examples/tree/expand-on-click.vue +39 -39
- package/docs/examples/tree/flat-data.vue +20 -20
- package/docs/examples/tree/icon.vue +40 -40
- package/docs/examples/tree/load-data.vue +37 -37
- package/docs/examples/tree/methods.vue +74 -74
- package/docs/examples/tree/theme.vue +33 -33
- package/docs/examples/tree-select/basic.vue +47 -47
- package/docs/examples/upload/accept.vue +31 -31
- package/docs/examples/upload/basic.vue +12 -12
- package/docs/examples/upload/drag.vue +11 -11
- package/docs/examples/upload/image.vue +17 -17
- package/docs/examples/upload/limit.vue +20 -20
- package/docs/examples/upload/multiple.vue +17 -17
- package/docs/examples/upload/readonly.vue +17 -17
- package/docs/examples/utils/cipher.vue +160 -160
- package/docs/examples/utils/common.vue +153 -153
- package/docs/examples/utils/date.vue +56 -56
- package/docs/examples/utils/dom.vue +52 -52
- package/docs/examples/utils/is.vue +70 -70
- package/docs/examples/workflow/basic.vue +265 -265
- package/docs/examples/workflow-viewer/basic.vue +248 -248
- package/package.json +23 -23
package/README.md
CHANGED
|
@@ -1,156 +1,156 @@
|
|
|
1
|
-
# SimCode UI
|
|
2
|
-
|
|
3
|
-
<div align="center">
|
|
4
|
-
<h1>SimCode UI</h1>
|
|
5
|
-
<p>基于 Vue 3 + TypeScript 的现代化 UI 组件库</p>
|
|
6
|
-
</div>
|
|
7
|
-
|
|
8
|
-
## ✨ 特性
|
|
9
|
-
|
|
10
|
-
- 🚀 **现代化技术栈**: 基于 Vue 3 + TypeScript + Vite
|
|
11
|
-
- 📦 **开箱即用**: 提供完善的类型定义和文档
|
|
12
|
-
- 🎨 **精美设计**: 现代化的设计风格
|
|
13
|
-
- 🔧 **易于定制**: 支持主题定制
|
|
14
|
-
- ⚡️ **按需加载**: 支持 Tree Shaking
|
|
15
|
-
- 🧪 **完善测试**: 单元测试覆盖
|
|
16
|
-
|
|
17
|
-
## 📦 安装
|
|
18
|
-
|
|
19
|
-
使用 pnpm:
|
|
20
|
-
|
|
21
|
-
```bash
|
|
22
|
-
pnpm add @a2simcode/ui
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
使用 npm:
|
|
26
|
-
|
|
27
|
-
```bash
|
|
28
|
-
npm install @a2simcode/ui
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
使用 yarn:
|
|
32
|
-
|
|
33
|
-
```bash
|
|
34
|
-
yarn add @a2simcode/ui
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
### 安装 Peer Dependencies
|
|
38
|
-
|
|
39
|
-
`@a2simcode/ui` 使用 peer dependencies 来避免重复打包依赖。**必须安装**以下依赖:
|
|
40
|
-
|
|
41
|
-
```bash
|
|
42
|
-
pnpm add vue element-plus
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
根据你使用的组件,可能还需要安装以下**可选依赖**:
|
|
46
|
-
|
|
47
|
-
```bash
|
|
48
|
-
# 如果使用表格组件
|
|
49
|
-
pnpm add @visactor/vtable @visactor/vtable-editors
|
|
50
|
-
|
|
51
|
-
# 如果使用图表组件
|
|
52
|
-
pnpm add echarts
|
|
53
|
-
|
|
54
|
-
# 如果使用代码编辑器组件
|
|
55
|
-
pnpm add codemirror @codemirror/autocomplete @codemirror/commands @codemirror/lang-javascript @codemirror/lang-json @codemirror/lang-sql @codemirror/lang-python @codemirror/lang-java @codemirror/lang-css @codemirror/lang-html @codemirror/lang-xml @codemirror/lang-markdown @codemirror/language @codemirror/state @codemirror/view
|
|
56
|
-
|
|
57
|
-
# 如果使用其他功能组件
|
|
58
|
-
pnpm add @iconify/vue @vueuse/core dayjs async-validator crypto-js sortablejs sql-formatter countup.js @bwip-js/browser @wangeditor/editor diagram-js diagram-js-direct-editing min-dom inherits tiny-svg min-dash
|
|
59
|
-
```
|
|
60
|
-
|
|
61
|
-
> **注意**: 由于 `@a2simcode/ui` 输出的是预打包的单文件,使用方的打包器可能无法自动识别 peer dependencies。请确保在使用相关组件前,已安装对应的 peer dependencies。
|
|
62
|
-
|
|
63
|
-
## 🔨 快速开始
|
|
64
|
-
|
|
65
|
-
### 完整引入
|
|
66
|
-
|
|
67
|
-
```typescript
|
|
68
|
-
import { createApp } from 'vue'
|
|
69
|
-
import App from './App.vue'
|
|
70
|
-
import SimCodeUI from '@a2simcode/ui'
|
|
71
|
-
import '@a2simcode/ui/dist/style.css'
|
|
72
|
-
|
|
73
|
-
const app = createApp(App)
|
|
74
|
-
app.use(SimCodeUI)
|
|
75
|
-
app.mount('#app')
|
|
76
|
-
```
|
|
77
|
-
|
|
78
|
-
### 按需引入
|
|
79
|
-
|
|
80
|
-
```vue
|
|
81
|
-
<template>
|
|
82
|
-
<j-button type="primary">按钮</j-button>
|
|
83
|
-
</template>
|
|
84
|
-
|
|
85
|
-
<script setup lang="ts">
|
|
86
|
-
import { JButton } from '@a2simcode/ui'
|
|
87
|
-
import '@a2simcode/ui/dist/style.css'
|
|
88
|
-
</script>
|
|
89
|
-
```
|
|
90
|
-
|
|
91
|
-
## 🎯 组件列表
|
|
92
|
-
|
|
93
|
-
- ✅ Button 按钮
|
|
94
|
-
- ✅ Input 输入框
|
|
95
|
-
- ✅ Radio 单选框
|
|
96
|
-
- 🚧 更多组件开发中...
|
|
97
|
-
|
|
98
|
-
## 💻 本地开发
|
|
99
|
-
|
|
100
|
-
```bash
|
|
101
|
-
# 进入项目目录
|
|
102
|
-
cd simcode-ui
|
|
103
|
-
|
|
104
|
-
# 安装依赖
|
|
105
|
-
pnpm install
|
|
106
|
-
|
|
107
|
-
# 启动开发服务器
|
|
108
|
-
pnpm dev
|
|
109
|
-
|
|
110
|
-
# 构建组件库
|
|
111
|
-
pnpm build
|
|
112
|
-
|
|
113
|
-
# 运行测试
|
|
114
|
-
pnpm test
|
|
115
|
-
|
|
116
|
-
# 启动文档站点
|
|
117
|
-
pnpm docs:dev
|
|
118
|
-
```
|
|
119
|
-
|
|
120
|
-
## 📁 项目结构
|
|
121
|
-
|
|
122
|
-
```
|
|
123
|
-
simcode-ui/
|
|
124
|
-
├── packages/ # 组件源码
|
|
125
|
-
│ ├── components/ # 组件
|
|
126
|
-
│ │ ├── button/ # 按钮组件
|
|
127
|
-
│ │ ├── input/ # 输入框组件
|
|
128
|
-
│ │ └── index.ts # 组件入口
|
|
129
|
-
│ └── theme/ # 主题样式
|
|
130
|
-
│ └── src/ # 样式源码 (Less)
|
|
131
|
-
├── examples/ # 组件预览
|
|
132
|
-
│ ├── App.vue # 预览应用
|
|
133
|
-
│ └── main.ts # 入口文件
|
|
134
|
-
├── docs/ # 文档
|
|
135
|
-
│ ├── .vitepress/ # VitePress 配置
|
|
136
|
-
│ ├── guide/ # 指南
|
|
137
|
-
│ └── components/ # 组件文档
|
|
138
|
-
├── __tests__/ # 测试文件
|
|
139
|
-
├── vite.config.ts # Vite 配置
|
|
140
|
-
├── vitest.config.ts # Vitest 配置
|
|
141
|
-
└── package.json # 项目配置
|
|
142
|
-
```
|
|
143
|
-
|
|
144
|
-
## 🤝 贡献
|
|
145
|
-
|
|
146
|
-
欢迎提交 Issue 和 Pull Request!
|
|
147
|
-
|
|
148
|
-
## 📄 版权声明
|
|
149
|
-
|
|
150
|
-
Copyright © 2024 苏州极简搭信息技术有限公司. All rights reserved.
|
|
151
|
-
|
|
152
|
-
本软件及其相关文档为专有软件,受版权法保护。未经版权所有者明确书面许可,不得以任何形式或方式(电子、机械、复印、录制或其他方式)复制、分发、传播或使用本软件的任何部分。
|
|
153
|
-
|
|
154
|
-
## 🙏 致谢
|
|
155
|
-
|
|
156
|
-
感谢所有为这个项目做出贡献的开发者!
|
|
1
|
+
# SimCode UI
|
|
2
|
+
|
|
3
|
+
<div align="center">
|
|
4
|
+
<h1>SimCode UI</h1>
|
|
5
|
+
<p>基于 Vue 3 + TypeScript 的现代化 UI 组件库</p>
|
|
6
|
+
</div>
|
|
7
|
+
|
|
8
|
+
## ✨ 特性
|
|
9
|
+
|
|
10
|
+
- 🚀 **现代化技术栈**: 基于 Vue 3 + TypeScript + Vite
|
|
11
|
+
- 📦 **开箱即用**: 提供完善的类型定义和文档
|
|
12
|
+
- 🎨 **精美设计**: 现代化的设计风格
|
|
13
|
+
- 🔧 **易于定制**: 支持主题定制
|
|
14
|
+
- ⚡️ **按需加载**: 支持 Tree Shaking
|
|
15
|
+
- 🧪 **完善测试**: 单元测试覆盖
|
|
16
|
+
|
|
17
|
+
## 📦 安装
|
|
18
|
+
|
|
19
|
+
使用 pnpm:
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
pnpm add @a2simcode/ui
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
使用 npm:
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npm install @a2simcode/ui
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
使用 yarn:
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
yarn add @a2simcode/ui
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
### 安装 Peer Dependencies
|
|
38
|
+
|
|
39
|
+
`@a2simcode/ui` 使用 peer dependencies 来避免重复打包依赖。**必须安装**以下依赖:
|
|
40
|
+
|
|
41
|
+
```bash
|
|
42
|
+
pnpm add vue element-plus
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
根据你使用的组件,可能还需要安装以下**可选依赖**:
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
# 如果使用表格组件
|
|
49
|
+
pnpm add @visactor/vtable @visactor/vtable-editors
|
|
50
|
+
|
|
51
|
+
# 如果使用图表组件
|
|
52
|
+
pnpm add echarts
|
|
53
|
+
|
|
54
|
+
# 如果使用代码编辑器组件
|
|
55
|
+
pnpm add codemirror @codemirror/autocomplete @codemirror/commands @codemirror/lang-javascript @codemirror/lang-json @codemirror/lang-sql @codemirror/lang-python @codemirror/lang-java @codemirror/lang-css @codemirror/lang-html @codemirror/lang-xml @codemirror/lang-markdown @codemirror/language @codemirror/state @codemirror/view
|
|
56
|
+
|
|
57
|
+
# 如果使用其他功能组件
|
|
58
|
+
pnpm add @iconify/vue @vueuse/core dayjs async-validator crypto-js sortablejs sql-formatter countup.js @bwip-js/browser @wangeditor/editor diagram-js diagram-js-direct-editing min-dom inherits tiny-svg min-dash
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
> **注意**: 由于 `@a2simcode/ui` 输出的是预打包的单文件,使用方的打包器可能无法自动识别 peer dependencies。请确保在使用相关组件前,已安装对应的 peer dependencies。
|
|
62
|
+
|
|
63
|
+
## 🔨 快速开始
|
|
64
|
+
|
|
65
|
+
### 完整引入
|
|
66
|
+
|
|
67
|
+
```typescript
|
|
68
|
+
import { createApp } from 'vue'
|
|
69
|
+
import App from './App.vue'
|
|
70
|
+
import SimCodeUI from '@a2simcode/ui'
|
|
71
|
+
import '@a2simcode/ui/dist/style.css'
|
|
72
|
+
|
|
73
|
+
const app = createApp(App)
|
|
74
|
+
app.use(SimCodeUI)
|
|
75
|
+
app.mount('#app')
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
### 按需引入
|
|
79
|
+
|
|
80
|
+
```vue
|
|
81
|
+
<template>
|
|
82
|
+
<j-button type="primary">按钮</j-button>
|
|
83
|
+
</template>
|
|
84
|
+
|
|
85
|
+
<script setup lang="ts">
|
|
86
|
+
import { JButton } from '@a2simcode/ui'
|
|
87
|
+
import '@a2simcode/ui/dist/style.css'
|
|
88
|
+
</script>
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
## 🎯 组件列表
|
|
92
|
+
|
|
93
|
+
- ✅ Button 按钮
|
|
94
|
+
- ✅ Input 输入框
|
|
95
|
+
- ✅ Radio 单选框
|
|
96
|
+
- 🚧 更多组件开发中...
|
|
97
|
+
|
|
98
|
+
## 💻 本地开发
|
|
99
|
+
|
|
100
|
+
```bash
|
|
101
|
+
# 进入项目目录
|
|
102
|
+
cd simcode-ui
|
|
103
|
+
|
|
104
|
+
# 安装依赖
|
|
105
|
+
pnpm install
|
|
106
|
+
|
|
107
|
+
# 启动开发服务器
|
|
108
|
+
pnpm dev
|
|
109
|
+
|
|
110
|
+
# 构建组件库
|
|
111
|
+
pnpm build
|
|
112
|
+
|
|
113
|
+
# 运行测试
|
|
114
|
+
pnpm test
|
|
115
|
+
|
|
116
|
+
# 启动文档站点
|
|
117
|
+
pnpm docs:dev
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
## 📁 项目结构
|
|
121
|
+
|
|
122
|
+
```
|
|
123
|
+
simcode-ui/
|
|
124
|
+
├── packages/ # 组件源码
|
|
125
|
+
│ ├── components/ # 组件
|
|
126
|
+
│ │ ├── button/ # 按钮组件
|
|
127
|
+
│ │ ├── input/ # 输入框组件
|
|
128
|
+
│ │ └── index.ts # 组件入口
|
|
129
|
+
│ └── theme/ # 主题样式
|
|
130
|
+
│ └── src/ # 样式源码 (Less)
|
|
131
|
+
├── examples/ # 组件预览
|
|
132
|
+
│ ├── App.vue # 预览应用
|
|
133
|
+
│ └── main.ts # 入口文件
|
|
134
|
+
├── docs/ # 文档
|
|
135
|
+
│ ├── .vitepress/ # VitePress 配置
|
|
136
|
+
│ ├── guide/ # 指南
|
|
137
|
+
│ └── components/ # 组件文档
|
|
138
|
+
├── __tests__/ # 测试文件
|
|
139
|
+
├── vite.config.ts # Vite 配置
|
|
140
|
+
├── vitest.config.ts # Vitest 配置
|
|
141
|
+
└── package.json # 项目配置
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
## 🤝 贡献
|
|
145
|
+
|
|
146
|
+
欢迎提交 Issue 和 Pull Request!
|
|
147
|
+
|
|
148
|
+
## 📄 版权声明
|
|
149
|
+
|
|
150
|
+
Copyright © 2024 苏州极简搭信息技术有限公司. All rights reserved.
|
|
151
|
+
|
|
152
|
+
本软件及其相关文档为专有软件,受版权法保护。未经版权所有者明确书面许可,不得以任何形式或方式(电子、机械、复印、录制或其他方式)复制、分发、传播或使用本软件的任何部分。
|
|
153
|
+
|
|
154
|
+
## 🙏 致谢
|
|
155
|
+
|
|
156
|
+
感谢所有为这个项目做出贡献的开发者!
|
package/dist/simcode-ui.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Fragment as Ce, computed as O, createBlock as N, createCommentVNode as ee, createElementBlock as L, createElementVNode as B, createSlots as Dn, createTextVNode as on, createVNode as Z, defineComponent as he, getCurrentInstance as uc, guardReactiveProps as ji, h as vi, inject as kd, mergeModels as So, mergeProps as Fe, nextTick as
|
|
1
|
+
import { Fragment as Ce, computed as O, createBlock as N, createCommentVNode as ee, createElementBlock as L, createElementVNode as B, createSlots as Dn, createTextVNode as on, createVNode as Z, defineComponent as he, getCurrentInstance as uc, guardReactiveProps as ji, h as vi, inject as kd, mergeModels as So, mergeProps as Fe, nextTick as Dt, normalizeClass as Ne, normalizeProps as Ro, normalizeStyle as le, onBeforeUnmount as To, onMounted as jt, onUnmounted as Ao, openBlock as E, provide as Ed, reactive as na, ref as I, render as yi, renderList as He, renderSlot as Ye, resolveComponent as V, resolveDirective as Pi, resolveDynamicComponent as Ya, shallowRef as Bi, toDisplayString as ve, unref as J, useModel as ko, useSlots as Rd, useTemplateRef as ka, vShow as mo, watch as at, watchEffect as dc, withCtx as K, withDirectives as zn, withKeys as fr, withModifiers as $t } from "vue";
|
|
2
2
|
import { Icon as jl, getIcon as Sa } from "@iconify/vue";
|
|
3
3
|
import fc from "dayjs";
|
|
4
4
|
import Td from "sortablejs";
|
|
@@ -1507,7 +1507,7 @@ var Gf = /* @__PURE__ */ an(((e, t) => {
|
|
|
1507
1507
|
}, K1 = (e, t) => Rc(e, t).toString(_i);
|
|
1508
1508
|
function gh(e, t) {
|
|
1509
1509
|
function n() {
|
|
1510
|
-
|
|
1510
|
+
Dt(() => {
|
|
1511
1511
|
e = J(e), e && Td.create(e, {
|
|
1512
1512
|
animation: 100,
|
|
1513
1513
|
delay: 400,
|
|
@@ -1700,7 +1700,7 @@ var Eh = /* @__PURE__ */ he({
|
|
|
1700
1700
|
}, 100);
|
|
1701
1701
|
}
|
|
1702
1702
|
}, k = (z) => {
|
|
1703
|
-
u.value = z?.name, a.value = z?.width || 600, o.value = z?.height || 400, i.value = z?.hasBtns !== !1, r.value = z?.hasSaveBtn !== !1, l.value = z?.hasHeader !== !1, z?.destroyOnClose !== !1 && (d.value = !0), h.value = z?.config || {}, c.value = z?.btnText || "保存", w = z?.afterOk || null, S = z?.afterClose || null, m = z?.afterCancel || null, n.value.open(z.title, z.type, z.subtitle),
|
|
1703
|
+
u.value = z?.name, a.value = z?.width || 600, o.value = z?.height || 400, i.value = z?.hasBtns !== !1, r.value = z?.hasSaveBtn !== !1, l.value = z?.hasHeader !== !1, z?.destroyOnClose !== !1 && (d.value = !0), h.value = z?.config || {}, c.value = z?.btnText || "保存", w = z?.afterOk || null, S = z?.afterClose || null, m = z?.afterCancel || null, n.value.open(z.title, z.type, z.subtitle), Dt(async () => {
|
|
1704
1704
|
n.value.showLoading("加载中"), await C(z.param || {});
|
|
1705
1705
|
});
|
|
1706
1706
|
}, T = async () => {
|
|
@@ -5837,10 +5837,10 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
5837
5837
|
flexWrap: "nowrap"
|
|
5838
5838
|
});
|
|
5839
5839
|
if (tt.forEach((me, pt) => {
|
|
5840
|
-
const Ve = me.config?.disabled === !0,
|
|
5840
|
+
const Ve = me.config?.disabled === !0, zt = Ve ? "#c9cdd4" : me.config?.danger ? "#f53f3f" : "#165dff", cn = new Q({
|
|
5841
5841
|
text: me.label,
|
|
5842
5842
|
fontSize: 14,
|
|
5843
|
-
fill:
|
|
5843
|
+
fill: zt,
|
|
5844
5844
|
boundsPadding: [
|
|
5845
5845
|
0,
|
|
5846
5846
|
12,
|
|
@@ -5855,9 +5855,9 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
5855
5855
|
openLayer: u
|
|
5856
5856
|
});
|
|
5857
5857
|
}), cn.addEventListener("mouseenter", (gn) => {
|
|
5858
|
-
Ve || (gn.target.setAttribute("fill", ne(
|
|
5858
|
+
Ve || (gn.target.setAttribute("fill", ne(zt, -20)), xe.scenegraph.stage.renderNextFrame());
|
|
5859
5859
|
}), cn.addEventListener("mouseleave", (gn) => {
|
|
5860
|
-
Ve || (gn.target.setAttribute("fill",
|
|
5860
|
+
Ve || (gn.target.setAttribute("fill", zt), xe.scenegraph.stage.renderNextFrame());
|
|
5861
5861
|
}), nt.add(cn);
|
|
5862
5862
|
}), et && ut.length > 0) {
|
|
5863
5863
|
const me = "#1677ff", pt = new Q({
|
|
@@ -5874,8 +5874,8 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
5874
5874
|
});
|
|
5875
5875
|
pt.addEventListener("mouseenter", (Ve) => {
|
|
5876
5876
|
Ve.target.setAttribute("fill", ne(me, -20)), xe.scenegraph.stage.renderNextFrame();
|
|
5877
|
-
const
|
|
5878
|
-
|
|
5877
|
+
const zt = b.value?.getBoundingClientRect();
|
|
5878
|
+
zt && se(ut, Te, Qe, Ve.canvasX + zt.left - 64, Ve.canvasY + zt.top + 8), q = !0, F();
|
|
5879
5879
|
}), pt.addEventListener("mouseleave", (Ve) => {
|
|
5880
5880
|
Ve.target.setAttribute("fill", me), xe.scenegraph.stage.renderNextFrame(), q = !1, j();
|
|
5881
5881
|
}), nt.add(pt);
|
|
@@ -5972,19 +5972,19 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
5972
5972
|
formData: r || {},
|
|
5973
5973
|
getTableData: ht,
|
|
5974
5974
|
row: fe
|
|
5975
|
-
}) || {}, Re = Number(xe.min) || 0, Be = Number(xe.max) || 100, Te = Number(Q) || 0, Qe = Be - Re, Le = Qe === 0 ? 0 : Math.max(0, Math.min(100, (Te - Re) / Qe * 100)), Ae = 4, et = 8, tt = 8, ut = (ae.height - Ae) / 2, nt = String(Te), me = bn(nt) || 0, pt = et, Ve = ut,
|
|
5975
|
+
}) || {}, Re = Number(xe.min) || 0, Be = Number(xe.max) || 100, Te = Number(Q) || 0, Qe = Be - Re, Le = Qe === 0 ? 0 : Math.max(0, Math.min(100, (Te - Re) / Qe * 100)), Ae = 4, et = 8, tt = 8, ut = (ae.height - Ae) / 2, nt = String(Te), me = bn(nt) || 0, pt = et, Ve = ut, zt = ae.width - et * 2 - me - tt, cn = zt * Le / 100, gn = [], vn = (Wt, rt, At) => {
|
|
5976
5976
|
const vt = Math.min(At, rt / 2, Wt / 2);
|
|
5977
5977
|
return `M ${vt} 0 L ${Wt - vt} 0 Q ${Wt} 0 ${Wt} ${vt} L ${Wt} ${rt - vt} Q ${Wt} ${rt} ${Wt - vt} ${rt} L ${vt} ${rt} Q 0 ${rt} 0 ${rt - vt} L 0 ${vt} Q 0 0 ${vt} 0 Z`;
|
|
5978
5978
|
}, ro = (Wt, rt, At) => {
|
|
5979
5979
|
const vt = Math.min(At, rt / 2, Wt / 2);
|
|
5980
5980
|
return Wt <= vt * 2 ? vn(Wt, rt, At) : `M ${vt} 0 L ${Wt} 0 L ${Wt} ${rt} L ${vt} ${rt} Q 0 ${rt} 0 ${rt - vt} L 0 ${vt} Q 0 0 ${vt} 0 Z`;
|
|
5981
|
-
}, Go = vn(
|
|
5981
|
+
}, Go = vn(zt, Ae, Ae / 2);
|
|
5982
5982
|
if (gn.push({
|
|
5983
5983
|
type: "icon",
|
|
5984
|
-
svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${
|
|
5984
|
+
svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${zt}" height="${Ae}" viewBox="0 0 ${zt} ${Ae}"><path d="${Go}" fill="#e5e6eb"/></svg>`,
|
|
5985
5985
|
x: pt,
|
|
5986
5986
|
y: Ve,
|
|
5987
|
-
width:
|
|
5987
|
+
width: zt,
|
|
5988
5988
|
height: Ae
|
|
5989
5989
|
}), cn > 0) {
|
|
5990
5990
|
const Wt = ro(cn, Ae, Ae / 2);
|
|
@@ -5997,7 +5997,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
5997
5997
|
height: Ae
|
|
5998
5998
|
});
|
|
5999
5999
|
}
|
|
6000
|
-
const Ko = pt +
|
|
6000
|
+
const Ko = pt + zt + tt, Zi = ae.height / 2;
|
|
6001
6001
|
return gn.push({
|
|
6002
6002
|
type: "text",
|
|
6003
6003
|
text: nt,
|
|
@@ -6087,7 +6087,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
6087
6087
|
};
|
|
6088
6088
|
const Qe = 14, Le = 28, Ae = 2, et = 12, tt = 8, ut = 6;
|
|
6089
6089
|
let nt = 8, me = Math.max(0, ae.width - nt * 2), pt = Math.max(0, me - et * 2);
|
|
6090
|
-
const Ve = [],
|
|
6090
|
+
const Ve = [], zt = (rt) => {
|
|
6091
6091
|
const At = bn(_t(rt, pt)) || 0;
|
|
6092
6092
|
return Math.min(me, At + et * 2);
|
|
6093
6093
|
}, cn = (rt, At, vt, En, Rn) => {
|
|
@@ -6104,7 +6104,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
6104
6104
|
const rt = [];
|
|
6105
6105
|
let At = [], vt = 0;
|
|
6106
6106
|
for (let En = 0; En < Te.length; En++) {
|
|
6107
|
-
const Rn = Te[En], ma = Rn.label, ba =
|
|
6107
|
+
const Rn = Te[En], ma = Rn.label, ba = zt(ma), qo = {
|
|
6108
6108
|
label: ma,
|
|
6109
6109
|
bg: Rn.color || "#f2f3f5",
|
|
6110
6110
|
text: Rn.textColor || ln(Rn.color || "#f2f3f5"),
|
|
@@ -6216,7 +6216,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
6216
6216
|
}, Ht = (D) => {
|
|
6217
6217
|
const { table: U, row: Q, col: ae, rect: Y } = D, { height: te, width: re } = Y ?? U.getCellRect(ae, Q), { Group: pe, CheckBox: de } = We.CustomLayout, fe = U.getBodyField(ae, Q), xe = dt(U.options?.columns || [], fe), Re = U.getCellOriginRecord(ae, Q) || {}, Be = xe?.style?.textAlign === "right" ? "flex-end" : xe?.style?.textAlign === "center" ? "center" : "flex-start", Te = xe?.style?.textAlign === "right" ? "flex-end" : xe?.style?.textAlign === "center" ? "center" : "flex-start", Qe = (nt, me) => {
|
|
6218
6218
|
const pt = Re?.[fe];
|
|
6219
|
-
Re[fe] = (Array.isArray(pt) ? pt : []).map((Ve,
|
|
6219
|
+
Re[fe] = (Array.isArray(pt) ? pt : []).map((Ve, zt) => zt !== nt ? Ve : Ve && typeof Ve == "object" ? {
|
|
6220
6220
|
...Ve,
|
|
6221
6221
|
...me
|
|
6222
6222
|
} : { ...me });
|
|
@@ -6267,8 +6267,8 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
6267
6267
|
]
|
|
6268
6268
|
});
|
|
6269
6269
|
Ve.render?.(), ut.add(Ve), Ve.addEventListener("checkbox_state_change", () => {
|
|
6270
|
-
const
|
|
6271
|
-
Qe(nt, { checked:
|
|
6270
|
+
const zt = !!Ve.attribute?.checked;
|
|
6271
|
+
Qe(nt, { checked: zt }), Le();
|
|
6272
6272
|
});
|
|
6273
6273
|
}
|
|
6274
6274
|
return {
|
|
@@ -7002,7 +7002,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
7002
7002
|
_top: 0
|
|
7003
7003
|
}), g = I(0), y = I(), _ = I(48), b = I(0), v = I(0);
|
|
7004
7004
|
at(() => a.visible, (P) => {
|
|
7005
|
-
g.value = 1, g.value = 0, r.value = P, P === !0 && a.zoomControls &&
|
|
7005
|
+
g.value = 1, g.value = 0, r.value = P, P === !0 && a.zoomControls && Dt(() => {
|
|
7006
7006
|
typeof document < "u" && (y.value = document.querySelector(".j-dialog"), y.value && (y.value.onmousemove = F));
|
|
7007
7007
|
});
|
|
7008
7008
|
}, { immediate: !0 });
|
|
@@ -7027,7 +7027,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
7027
7027
|
}, A = () => {
|
|
7028
7028
|
o("ok", C, k);
|
|
7029
7029
|
}, H = () => {
|
|
7030
|
-
p.left = 0, p.top = 0, v.value = 0, b.value = 0, a.isStep && (z.value = 0,
|
|
7030
|
+
p.left = 0, p.top = 0, v.value = 0, b.value = 0, a.isStep && (z.value = 0, Dt(() => {
|
|
7031
7031
|
W();
|
|
7032
7032
|
})), o("closed");
|
|
7033
7033
|
}, z = O({
|
|
@@ -7038,11 +7038,11 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
7038
7038
|
h.value = P, o("update:stepActive", P);
|
|
7039
7039
|
}
|
|
7040
7040
|
}), $ = () => {
|
|
7041
|
-
z.value > 0 && z.value--,
|
|
7041
|
+
z.value > 0 && z.value--, Dt(() => {
|
|
7042
7042
|
W();
|
|
7043
7043
|
});
|
|
7044
7044
|
}, M = async () => {
|
|
7045
|
-
await R() && (z.value < a.steps.length - 1 && (z.value += 1),
|
|
7045
|
+
await R() && (z.value < a.steps.length - 1 && (z.value += 1), Dt(() => {
|
|
7046
7046
|
W();
|
|
7047
7047
|
}));
|
|
7048
7048
|
}, R = async () => {
|
|
@@ -7304,7 +7304,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
7304
7304
|
}, _ = () => {
|
|
7305
7305
|
o("ok", v, w);
|
|
7306
7306
|
}, b = () => {
|
|
7307
|
-
a.isStep && (g.value = 0,
|
|
7307
|
+
a.isStep && (g.value = 0, Dt(() => {
|
|
7308
7308
|
C();
|
|
7309
7309
|
})), o("closed");
|
|
7310
7310
|
}, v = (A) => {
|
|
@@ -7312,11 +7312,11 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
7312
7312
|
}, w = () => {
|
|
7313
7313
|
c.value = !1;
|
|
7314
7314
|
}, S = () => {
|
|
7315
|
-
g.value > 0 && g.value--,
|
|
7315
|
+
g.value > 0 && g.value--, Dt(() => {
|
|
7316
7316
|
C();
|
|
7317
7317
|
});
|
|
7318
7318
|
}, m = async () => {
|
|
7319
|
-
await x() && (g.value < a.steps.length - 1 && (g.value += 1),
|
|
7319
|
+
await x() && (g.value < a.steps.length - 1 && (g.value += 1), Dt(() => {
|
|
7320
7320
|
C();
|
|
7321
7321
|
}));
|
|
7322
7322
|
}, x = async () => {
|
|
@@ -7559,7 +7559,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
7559
7559
|
}, f = () => {
|
|
7560
7560
|
r.value = !1;
|
|
7561
7561
|
}, u = () => {
|
|
7562
|
-
a.isStep && (S.value = 0,
|
|
7562
|
+
a.isStep && (S.value = 0, Dt(() => {
|
|
7563
7563
|
k();
|
|
7564
7564
|
})), i("closed");
|
|
7565
7565
|
}, h = () => {
|
|
@@ -7576,11 +7576,11 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
7576
7576
|
w.value = A, i("update:stepActive", A);
|
|
7577
7577
|
}
|
|
7578
7578
|
}), m = () => {
|
|
7579
|
-
S.value > 0 && S.value--,
|
|
7579
|
+
S.value > 0 && S.value--, Dt(() => {
|
|
7580
7580
|
k();
|
|
7581
7581
|
});
|
|
7582
7582
|
}, x = async () => {
|
|
7583
|
-
await C() && (S.value < a.steps.length - 1 && (S.value += 1),
|
|
7583
|
+
await C() && (S.value < a.steps.length - 1 && (S.value += 1), Dt(() => {
|
|
7584
7584
|
k();
|
|
7585
7585
|
}));
|
|
7586
7586
|
}, C = async () => {
|
|
@@ -8844,7 +8844,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
8844
8844
|
const n = e.__vccOpts || e;
|
|
8845
8845
|
for (const [a, o] of t) n[a] = o;
|
|
8846
8846
|
return n;
|
|
8847
|
-
}, Zg = /* @__PURE__ */ zc(Xg, [["__scopeId", "data-v-
|
|
8847
|
+
}, Zg = /* @__PURE__ */ zc(Xg, [["__scopeId", "data-v-37f9a80b"]]), Qg = _e(Zg), ev = ["innerHTML"], tv = {
|
|
8848
8848
|
key: 1,
|
|
8849
8849
|
class: "j-barcode-error"
|
|
8850
8850
|
}, nv = /* @__PURE__ */ he({
|
|
@@ -10702,7 +10702,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
10702
10702
|
}), at(() => a.mode, () => {
|
|
10703
10703
|
l && f();
|
|
10704
10704
|
}), jt(async () => {
|
|
10705
|
-
await
|
|
10705
|
+
await Dt(), await d(), typeof window < "u" && window.ResizeObserver && i.value && (p = new ResizeObserver(() => {
|
|
10706
10706
|
l && l.dispatch({ scrollIntoView: !0 });
|
|
10707
10707
|
}), p.observe(i.value));
|
|
10708
10708
|
}), Ao(() => {
|
|
@@ -12224,15 +12224,15 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
12224
12224
|
};
|
|
12225
12225
|
let dt;
|
|
12226
12226
|
jt(() => {
|
|
12227
|
-
|
|
12227
|
+
Dt(Ot), dt = new ResizeObserver(() => {
|
|
12228
12228
|
Ot();
|
|
12229
12229
|
}), Jt.value && dt.observe(Jt.value);
|
|
12230
12230
|
}), To(() => {
|
|
12231
12231
|
dt?.disconnect();
|
|
12232
12232
|
}), at(() => ln.value, () => {
|
|
12233
|
-
|
|
12233
|
+
Dt(Ot);
|
|
12234
12234
|
}, { deep: !0 }), at(Oe, () => {
|
|
12235
|
-
|
|
12235
|
+
Dt(Ot);
|
|
12236
12236
|
});
|
|
12237
12237
|
const Vt = O(() => {
|
|
12238
12238
|
const Se = ln.value;
|
|
@@ -12797,7 +12797,7 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
12797
12797
|
d.value = !0, a.loadData && (u.value = await a.loadData() || []), c && await c({
|
|
12798
12798
|
type: "j-tree",
|
|
12799
12799
|
config: a
|
|
12800
|
-
}), d.value = !1,
|
|
12800
|
+
}), d.value = !1, Dt(() => {
|
|
12801
12801
|
a.afterLoadData && a.afterLoadData(g.value || []);
|
|
12802
12802
|
});
|
|
12803
12803
|
}, _ = ($, M = !0) => {
|
|
@@ -12835,10 +12835,6 @@ var zp = { class: "j-table-footer" }, Dp = {
|
|
|
12835
12835
|
}, z = ($, M, R) => a.allowDrop ? a.allowDrop($, M, R) : !(R == "inner" && !M.data.canInner);
|
|
12836
12836
|
return jt(async () => {
|
|
12837
12837
|
(a.immediate && a.loadData || a.dataType || a.dataCode) && await y();
|
|
12838
|
-
}), at(() => a.list, () => {
|
|
12839
|
-
d.value = !0, zt(() => {
|
|
12840
|
-
d.value = !1;
|
|
12841
|
-
});
|
|
12842
12838
|
}), at(() => a.dataCode || a.dataType, () => {
|
|
12843
12839
|
y();
|
|
12844
12840
|
}), t({
|
|
@@ -13191,7 +13187,7 @@ var vb = ({ data: e, actions: t, utils: n, inputParams: a, notRunActions: o }) =
|
|
|
13191
13187
|
}, j = async (X, ce) => {
|
|
13192
13188
|
y.value = !1;
|
|
13193
13189
|
const ne = !!ce;
|
|
13194
|
-
C.splice(0, C.length), T = {}, A = {}, H = [], W = ce, wo(m), wo(k), ne && q(ce, ""), ye(X, C, ne), z = xn(m), await
|
|
13190
|
+
C.splice(0, C.length), T = {}, A = {}, H = [], W = ce, wo(m), wo(k), ne && q(ce, ""), ye(X, C, ne), z = xn(m), await Dt(), y.value = !0, await Dt(), a.config?.codeInit && await Vt(JSON.parse(a.config?.codeInit), { param: {} });
|
|
13195
13191
|
}, F = (X, ce, ne) => {
|
|
13196
13192
|
const oe = [];
|
|
13197
13193
|
return ce.forEach((ge) => {
|
|
@@ -13506,7 +13502,7 @@ var vb = ({ data: e, actions: t, utils: n, inputParams: a, notRunActions: o }) =
|
|
|
13506
13502
|
i[y.id] = _, _.config = [], wi(_.config, y.config || {}, ["defaultValue"]), y?.config?.defaultValue !== void 0 && (r[y.id] = y.config.defaultValue), g.push(_), b && b.length > 0 && (_.children = [], l(b, _.children));
|
|
13507
13503
|
});
|
|
13508
13504
|
}, c = (p) => {
|
|
13509
|
-
a.value = !1, o.splice(0, o.length), wo(i), wo(r), l(p, o),
|
|
13505
|
+
a.value = !1, o.splice(0, o.length), wo(i), wo(r), l(p, o), Dt(() => {
|
|
13510
13506
|
a.value = !0;
|
|
13511
13507
|
});
|
|
13512
13508
|
};
|
|
@@ -14498,7 +14494,7 @@ var vb = ({ data: e, actions: t, utils: n, inputParams: a, notRunActions: o }) =
|
|
|
14498
14494
|
style: le(l.value)
|
|
14499
14495
|
}, null, 4)]));
|
|
14500
14496
|
}
|
|
14501
|
-
}), r0 = /* @__PURE__ */ zc(i0, [["__scopeId", "data-v-
|
|
14497
|
+
}), r0 = /* @__PURE__ */ zc(i0, [["__scopeId", "data-v-086d2967"]]), l0 = _e(r0), s0 = {
|
|
14502
14498
|
key: 0,
|
|
14503
14499
|
class: "j-map-loading"
|
|
14504
14500
|
}, c0 = /* @__PURE__ */ he({
|