@qynpm/ui 1.0.4 → 1.0.5
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/README.md +228 -59
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +19 -15
- package/dist/lib/dialog/index.vue.cjs +1 -1
- package/dist/lib/dialog/index.vue.mjs +24 -25
- package/dist/lib/dialog/index.vue3.cjs +1 -0
- package/dist/lib/dialog/index.vue3.mjs +5 -0
- package/dist/lib/index.cjs +1 -1
- package/dist/lib/index.mjs +43 -30
- package/dist/lib/qy-action-bar/index.vue.cjs +1 -1
- package/dist/lib/qy-action-bar/index.vue.mjs +4 -53
- package/dist/lib/qy-action-bar/index.vue2.cjs +1 -0
- package/dist/lib/qy-action-bar/index.vue2.mjs +55 -0
- package/dist/lib/qy-form-section/index.vue.cjs +1 -1
- package/dist/lib/qy-form-section/index.vue.mjs +4 -86
- package/dist/lib/qy-form-section/index.vue2.cjs +1 -0
- package/dist/lib/qy-form-section/index.vue2.mjs +87 -0
- package/dist/lib/qy-input/index.vue.mjs +2 -1
- package/dist/lib/qy-input/index.vue2.cjs +1 -0
- package/dist/lib/qy-input/index.vue2.mjs +4 -0
- package/dist/lib/qy-money-input/index.vue.cjs +1 -0
- package/dist/lib/qy-money-input/index.vue.mjs +171 -0
- package/dist/lib/qy-money-input/index.vue2.cjs +1 -0
- package/dist/lib/qy-money-input/index.vue2.mjs +4 -0
- package/dist/lib/qy-radio-group/index.vue.cjs +1 -0
- package/dist/lib/qy-radio-group/index.vue.mjs +90 -0
- package/dist/lib/qy-radio-group/index.vue2.cjs +1 -0
- package/dist/lib/qy-radio-group/index.vue2.mjs +4 -0
- package/dist/lib/qy-record-quote-search/index.vue.cjs +1 -1
- package/dist/lib/qy-record-quote-search/index.vue.mjs +4 -203
- package/dist/lib/qy-record-quote-search/index.vue2.cjs +1 -0
- package/dist/lib/qy-record-quote-search/index.vue2.mjs +204 -0
- package/dist/lib/qy-remote-select/index.vue.cjs +1 -0
- package/dist/lib/qy-remote-select/index.vue.mjs +214 -0
- package/dist/lib/qy-remote-select/index.vue2.cjs +1 -0
- package/dist/lib/qy-remote-select/index.vue2.mjs +4 -0
- package/dist/lib/qy-search-input/index.vue.cjs +1 -1
- package/dist/lib/qy-search-input/index.vue.mjs +4 -274
- package/dist/lib/qy-search-input/index.vue2.cjs +1 -0
- package/dist/lib/qy-search-input/index.vue2.mjs +276 -0
- package/dist/lib/qy-select/index.vue.cjs +1 -1
- package/dist/lib/qy-select/index.vue.mjs +80 -55
- package/dist/lib/qy-select/index.vue2.cjs +1 -0
- package/dist/lib/qy-select/index.vue2.mjs +4 -0
- package/dist/lib/qy-voucher-upload/index.vue.cjs +1 -0
- package/dist/lib/qy-voucher-upload/index.vue.mjs +123 -0
- package/dist/lib/remark-image/index.vue.cjs +1 -1
- package/dist/lib/remark-image/index.vue.mjs +4 -195
- package/dist/lib/remark-image/index.vue2.cjs +1 -0
- package/dist/lib/remark-image/index.vue2.mjs +197 -0
- package/dist/lib/upload/index.vue.cjs +1 -1
- package/dist/lib/upload/index.vue.mjs +317 -217
- package/dist/lib/utils/auth.cjs +1 -1
- package/dist/lib/utils/auth.mjs +1 -1
- package/dist/node_modules/.pnpm/{js-cookie@3.0.1 → js-cookie@3.0.5}/node_modules/js-cookie/dist/js.cookie.cjs +1 -1
- package/dist/node_modules/.pnpm/{js-cookie@3.0.1 → js-cookie@3.0.5}/node_modules/js-cookie/dist/js.cookie.mjs +6 -6
- package/dist/qy-dialog/index.cjs +1 -1
- package/dist/qy-dialog/index.mjs +3 -2
- package/dist/qy-input/index.cjs +1 -1
- package/dist/qy-money-input/index.cjs +1 -0
- package/dist/qy-money-input/index.mjs +6 -0
- package/dist/qy-radio-group/index.cjs +1 -0
- package/dist/qy-radio-group/index.mjs +6 -0
- package/dist/qy-remark-image/index.cjs +1 -1
- package/dist/qy-remark-image/index.mjs +1 -1
- package/dist/qy-remote-select/index.cjs +1 -0
- package/dist/qy-remote-select/index.mjs +6 -0
- package/dist/qy-select/index.cjs +1 -1
- package/dist/qy-voucher-upload/index.cjs +1 -0
- package/dist/qy-voucher-upload/index.mjs +6 -0
- package/index.d.ts +20 -11
- package/package.json +25 -1
- package/qy-money-input/index.d.ts +12 -0
- package/qy-money-input/index.js +15 -0
- package/qy-radio-group/index.d.ts +12 -0
- package/qy-radio-group/index.js +15 -0
- package/qy-remote-select/index.d.ts +12 -0
- package/qy-remote-select/index.js +15 -0
- package/qy-voucher-upload/index.d.ts +12 -0
- package/qy-voucher-upload/index.js +15 -0
- /package/dist/_virtual/{plugin-vue_export-helper.cjs → _plugin-vue_export-helper.cjs} +0 -0
- /package/dist/_virtual/{plugin-vue_export-helper.mjs → _plugin-vue_export-helper.mjs} +0 -0
package/README.md
CHANGED
|
@@ -33,12 +33,16 @@ app.use(QyUI)
|
|
|
33
33
|
|
|
34
34
|
```ts
|
|
35
35
|
import {
|
|
36
|
-
QyUpload,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
QyUpload,
|
|
37
|
+
QyVoucherUpload,
|
|
38
|
+
QyDialog,
|
|
39
|
+
QyRemarkImage,
|
|
40
|
+
QyInput,
|
|
41
|
+
QyMoneyInput,
|
|
42
|
+
QyRadioGroup,
|
|
43
|
+
QySelect,
|
|
44
|
+
QyRemoteSelect,
|
|
45
|
+
QyFormSection,
|
|
42
46
|
QyActionBar,
|
|
43
47
|
QySearchInput,
|
|
44
48
|
QyRecordQuoteSearch
|
|
@@ -48,15 +52,19 @@ import {
|
|
|
48
52
|
也可以按需引入单个组件入口:
|
|
49
53
|
|
|
50
54
|
```ts
|
|
51
|
-
import QyInput from '@qynpm/ui/qy-input'
|
|
52
|
-
import
|
|
53
|
-
import
|
|
55
|
+
import QyInput from '@qynpm/ui/qy-input'
|
|
56
|
+
import QyMoneyInput from '@qynpm/ui/qy-money-input'
|
|
57
|
+
import QyRadioGroup from '@qynpm/ui/qy-radio-group'
|
|
58
|
+
import QySelect from '@qynpm/ui/qy-select'
|
|
59
|
+
import QyRemoteSelect from '@qynpm/ui/qy-remote-select'
|
|
60
|
+
import QyFormSection from '@qynpm/ui/qy-form-section'
|
|
54
61
|
import QyActionBar from '@qynpm/ui/qy-action-bar'
|
|
55
62
|
import QySearchInput from '@qynpm/ui/qy-search-input'
|
|
56
|
-
import QyRecordQuoteSearch from '@qynpm/ui/qy-record-quote-search'
|
|
57
|
-
import QyDialog from '@qynpm/ui/qy-dialog'
|
|
58
|
-
import QyUpload from '@qynpm/ui/qy-upload'
|
|
59
|
-
import
|
|
63
|
+
import QyRecordQuoteSearch from '@qynpm/ui/qy-record-quote-search'
|
|
64
|
+
import QyDialog from '@qynpm/ui/qy-dialog'
|
|
65
|
+
import QyUpload from '@qynpm/ui/qy-upload'
|
|
66
|
+
import QyVoucherUpload from '@qynpm/ui/qy-voucher-upload'
|
|
67
|
+
import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
60
68
|
```
|
|
61
69
|
|
|
62
70
|
## 组件说明
|
|
@@ -69,10 +77,13 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
69
77
|
- 视频上传
|
|
70
78
|
- 粘贴上传
|
|
71
79
|
- 拖拽上传
|
|
72
|
-
- 文本备注
|
|
73
|
-
- 预览
|
|
74
|
-
|
|
75
|
-
|
|
80
|
+
- 文本备注
|
|
81
|
+
- 预览
|
|
82
|
+
- `v-model`
|
|
83
|
+
- `valueFormat`
|
|
84
|
+
- 纯图片模式
|
|
85
|
+
|
|
86
|
+
当前可配置项里,和宿主耦合最强的是上传配置:
|
|
76
87
|
|
|
77
88
|
- `api`
|
|
78
89
|
- `tokenKey`
|
|
@@ -80,13 +91,36 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
80
91
|
|
|
81
92
|
其中:
|
|
82
93
|
|
|
83
|
-
- `api` 为必填
|
|
84
|
-
- `tokenKey` 不传时默认使用 `Admin-Token`
|
|
85
|
-
- `name` 不传时默认使用 `file`
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
94
|
+
- `api` 为必填
|
|
95
|
+
- `tokenKey` 不传时默认使用 `Admin-Token`
|
|
96
|
+
- `name` 不传时默认使用 `file`
|
|
97
|
+
|
|
98
|
+
值协议:
|
|
99
|
+
|
|
100
|
+
- 默认 `valueFormat="object"`,`v-model` 输出 `{ files: string[], text: string }`
|
|
101
|
+
- `valueFormat="array"`,`v-model` 输出 `string[]`
|
|
102
|
+
- `valueFormat="string"`,`v-model` 输出逗号分隔 URL
|
|
103
|
+
- `showText=false` 可隐藏文字备注区;如仍需粘贴入口,可开启 `showPasteInput`
|
|
104
|
+
- `defaultValue` 仍保留给老页面做非受控初始化;新页面建议优先使用 `v-model`
|
|
105
|
+
|
|
106
|
+
### `QyVoucherUpload`
|
|
107
|
+
|
|
108
|
+
凭证上传组件,基于 `QyUpload` 的薄封装,适合财审凭证、收款凭证、返现凭证等纯图片凭证场景。
|
|
109
|
+
|
|
110
|
+
固定协议:
|
|
111
|
+
|
|
112
|
+
- `v-model` 为 `string[]`
|
|
113
|
+
- 默认 `name="files"`
|
|
114
|
+
- 默认 `showText=false`
|
|
115
|
+
- 默认开启纯粘贴输入条,用于恢复“粘贴图片上传”的凭证交互
|
|
116
|
+
- 默认 `pastePlaceholder="粘贴图片上传"`
|
|
117
|
+
- 默认 `size="90px"`
|
|
118
|
+
|
|
119
|
+
如果需要图片加文字备注,请直接使用 `QyUpload`。
|
|
120
|
+
|
|
121
|
+
### `QyDialog`
|
|
122
|
+
|
|
123
|
+
弹窗组件,支持:
|
|
90
124
|
|
|
91
125
|
- 默认头部/底部布局
|
|
92
126
|
- 全屏切换
|
|
@@ -94,7 +128,7 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
94
128
|
- 自定义 footer
|
|
95
129
|
- 移动端自动全屏
|
|
96
130
|
|
|
97
|
-
### `QyInput`
|
|
131
|
+
### `QyInput`
|
|
98
132
|
|
|
99
133
|
输入组件,第一版定位为 `ElInput` 的轻量包装层,重点支持:
|
|
100
134
|
|
|
@@ -103,9 +137,38 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
103
137
|
- `trimMode`
|
|
104
138
|
- `enter`
|
|
105
139
|
- `textarea`
|
|
106
|
-
- 兼容常见 slots 与 expose 方法
|
|
107
|
-
|
|
108
|
-
### `
|
|
140
|
+
- 兼容常见 slots 与 expose 方法
|
|
141
|
+
|
|
142
|
+
### `QyMoneyInput`
|
|
143
|
+
|
|
144
|
+
金额输入组件,第一版定位为 `ElInput` 的金额录入包装层,重点支持:
|
|
145
|
+
|
|
146
|
+
- 输入过程清洗非法字符
|
|
147
|
+
- 默认失焦格式化为固定小数位
|
|
148
|
+
- `precision`
|
|
149
|
+
- `min / max`
|
|
150
|
+
- `allowNegative`
|
|
151
|
+
- 兼容常见 slots 与 expose 方法
|
|
152
|
+
|
|
153
|
+
### `QyRadioGroup`
|
|
154
|
+
|
|
155
|
+
单选组组件,第一版定位为 `ElRadioGroup` 的轻量包装层,重点支持:
|
|
156
|
+
|
|
157
|
+
- `options` 直出
|
|
158
|
+
- `labelKey / valueKey / disabledKey` 映射
|
|
159
|
+
- 普通单选 / 按钮式单选
|
|
160
|
+
- 选项禁用
|
|
161
|
+
- `option` 插槽自定义选项文案
|
|
162
|
+
- 事件保持 `update:modelValue`、`change`
|
|
163
|
+
|
|
164
|
+
`option` 插槽由外部传入,组件会透出当前选项的:
|
|
165
|
+
|
|
166
|
+
- `option`:原始选项对象
|
|
167
|
+
- `label`:映射后的展示文案
|
|
168
|
+
- `value`:映射后的选项值
|
|
169
|
+
- `disabled`:是否禁用
|
|
170
|
+
|
|
171
|
+
### `QySelect`
|
|
109
172
|
|
|
110
173
|
选择器组件,第一版定位为 `ElSelect` 的轻量包装层,重点支持:
|
|
111
174
|
|
|
@@ -113,10 +176,27 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
113
176
|
- `labelKey / valueKey / disabledKey` 映射
|
|
114
177
|
- 单选 / 多选
|
|
115
178
|
- `collapse-tags`
|
|
116
|
-
- 默认弹层挂载策略
|
|
117
|
-
- 保留原生 slot 扩展
|
|
118
|
-
|
|
119
|
-
### `
|
|
179
|
+
- 默认弹层挂载策略
|
|
180
|
+
- 保留原生 slot 扩展
|
|
181
|
+
|
|
182
|
+
### `QyRemoteSelect`
|
|
183
|
+
|
|
184
|
+
远程选择器组件,基于 `QySelect` 组合实现,重点支持:
|
|
185
|
+
|
|
186
|
+
- `fetchMethod(keyword)` 远程请求
|
|
187
|
+
- `debounce`
|
|
188
|
+
- `minLength`
|
|
189
|
+
- `defaultOptions`
|
|
190
|
+
- `remoteOnFocus`
|
|
191
|
+
- 内部请求 `loading`
|
|
192
|
+
- `error`
|
|
193
|
+
- `options-change`
|
|
194
|
+
- 已选项缓存,避免远程 options 清空后回显丢 label
|
|
195
|
+
- 继承 `QySelect` 的字段映射、多选、折叠标签、唯一选项自动选中能力
|
|
196
|
+
|
|
197
|
+
如果只是本地 options 下拉,应优先使用 `QySelect`;只有需要远程请求、搜索和回显保留时再使用 `QyRemoteSelect`。
|
|
198
|
+
|
|
199
|
+
### `QyFormSection`
|
|
120
200
|
|
|
121
201
|
区块容器组件,适合录单页面的表单区块外壳,重点支持:
|
|
122
202
|
|
|
@@ -170,19 +250,50 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
170
250
|
|
|
171
251
|
## 使用示例
|
|
172
252
|
|
|
173
|
-
### QyUpload
|
|
174
|
-
|
|
175
|
-
```vue
|
|
176
|
-
<template>
|
|
177
|
-
<QyUpload
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
253
|
+
### QyUpload
|
|
254
|
+
|
|
255
|
+
```vue
|
|
256
|
+
<template>
|
|
257
|
+
<QyUpload
|
|
258
|
+
v-model="uploadValue"
|
|
259
|
+
api="/permission-api/common/uploads"
|
|
260
|
+
token-key="Admin-Token"
|
|
261
|
+
@change="handleChange"
|
|
262
|
+
/>
|
|
263
|
+
</template>
|
|
264
|
+
```
|
|
265
|
+
|
|
266
|
+
纯图片上传:
|
|
267
|
+
|
|
268
|
+
```vue
|
|
269
|
+
<template>
|
|
270
|
+
<QyUpload
|
|
271
|
+
v-model="payImgs"
|
|
272
|
+
api="/permission-api/common/uploads"
|
|
273
|
+
name="files"
|
|
274
|
+
value-format="array"
|
|
275
|
+
:show-text="false"
|
|
276
|
+
:show-paste-input="true"
|
|
277
|
+
paste-placeholder="粘贴图片上传"
|
|
278
|
+
size="90px"
|
|
279
|
+
/>
|
|
280
|
+
</template>
|
|
281
|
+
```
|
|
282
|
+
|
|
283
|
+
### QyVoucherUpload
|
|
284
|
+
|
|
285
|
+
```vue
|
|
286
|
+
<template>
|
|
287
|
+
<QyVoucherUpload
|
|
288
|
+
v-model="payImgs"
|
|
289
|
+
api="/permission-api/common/uploads"
|
|
290
|
+
:limit="9"
|
|
291
|
+
:file-size="10"
|
|
292
|
+
/>
|
|
293
|
+
</template>
|
|
294
|
+
```
|
|
295
|
+
|
|
296
|
+
### QyDialog
|
|
186
297
|
|
|
187
298
|
```vue
|
|
188
299
|
<template>
|
|
@@ -192,7 +303,7 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
192
303
|
</template>
|
|
193
304
|
```
|
|
194
305
|
|
|
195
|
-
### QyInput
|
|
306
|
+
### QyInput
|
|
196
307
|
|
|
197
308
|
```vue
|
|
198
309
|
<template>
|
|
@@ -203,10 +314,49 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
203
314
|
placeholder="填写报价单,回车搜索"
|
|
204
315
|
@enter="handleSearch"
|
|
205
316
|
/>
|
|
206
|
-
</template>
|
|
207
|
-
```
|
|
208
|
-
|
|
209
|
-
###
|
|
317
|
+
</template>
|
|
318
|
+
```
|
|
319
|
+
|
|
320
|
+
### QyMoneyInput
|
|
321
|
+
|
|
322
|
+
```vue
|
|
323
|
+
<template>
|
|
324
|
+
<QyMoneyInput
|
|
325
|
+
v-model="totalPay"
|
|
326
|
+
:precision="2"
|
|
327
|
+
:min="0"
|
|
328
|
+
placeholder="请输入总金额"
|
|
329
|
+
/>
|
|
330
|
+
</template>
|
|
331
|
+
```
|
|
332
|
+
|
|
333
|
+
### QyRadioGroup
|
|
334
|
+
|
|
335
|
+
```vue
|
|
336
|
+
<template>
|
|
337
|
+
<QyRadioGroup
|
|
338
|
+
v-model="openTicket"
|
|
339
|
+
:options="ticketOptions"
|
|
340
|
+
/>
|
|
341
|
+
</template>
|
|
342
|
+
```
|
|
343
|
+
|
|
344
|
+
自定义选项展示:
|
|
345
|
+
|
|
346
|
+
```vue
|
|
347
|
+
<template>
|
|
348
|
+
<QyRadioGroup v-model="openTicket" :options="ticketOptions">
|
|
349
|
+
<template #option="{ option, label }">
|
|
350
|
+
<span>{{ label }}</span>
|
|
351
|
+
<span v-if="option.fee" style="margin-left: 6px; color: #f56c6c">
|
|
352
|
+
{{ option.fee }}
|
|
353
|
+
</span>
|
|
354
|
+
</template>
|
|
355
|
+
</QyRadioGroup>
|
|
356
|
+
</template>
|
|
357
|
+
```
|
|
358
|
+
|
|
359
|
+
### QySelect
|
|
210
360
|
|
|
211
361
|
```vue
|
|
212
362
|
<template>
|
|
@@ -215,10 +365,27 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
215
365
|
:options="shopOptions"
|
|
216
366
|
placeholder="请选择店铺"
|
|
217
367
|
/>
|
|
218
|
-
</template>
|
|
219
|
-
```
|
|
220
|
-
|
|
221
|
-
###
|
|
368
|
+
</template>
|
|
369
|
+
```
|
|
370
|
+
|
|
371
|
+
### QyRemoteSelect
|
|
372
|
+
|
|
373
|
+
```vue
|
|
374
|
+
<template>
|
|
375
|
+
<QyRemoteSelect
|
|
376
|
+
v-model="recvAccount"
|
|
377
|
+
:fetch-method="fetchFinanceAccounts"
|
|
378
|
+
:default-options="accountDefaultOptions"
|
|
379
|
+
label-key="accountName"
|
|
380
|
+
value-key="accountId"
|
|
381
|
+
placeholder="请选择收款账户"
|
|
382
|
+
remote-on-focus
|
|
383
|
+
@error="handleAccountError"
|
|
384
|
+
/>
|
|
385
|
+
</template>
|
|
386
|
+
```
|
|
387
|
+
|
|
388
|
+
### QyFormSection
|
|
222
389
|
|
|
223
390
|
```vue
|
|
224
391
|
<template>
|
|
@@ -271,11 +438,13 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
|
|
|
271
438
|
|
|
272
439
|
## 说明
|
|
273
440
|
|
|
274
|
-
- 当前版本更适合体系内拆包复用
|
|
275
|
-
- 上传默认值仍然保留了现有项目约定,后续如果完全独立对外,可以再继续抽离
|
|
276
|
-
- `QyInput` 第一版优先兼容 `ElInput`,后续再逐步补统一输入规则
|
|
277
|
-
- `
|
|
278
|
-
- `
|
|
441
|
+
- 当前版本更适合体系内拆包复用
|
|
442
|
+
- 上传默认值仍然保留了现有项目约定,后续如果完全独立对外,可以再继续抽离
|
|
443
|
+
- `QyInput` 第一版优先兼容 `ElInput`,后续再逐步补统一输入规则
|
|
444
|
+
- `QyRadioGroup` 第一版优先兼容 `ElRadioGroup`,不内置字典请求或复杂表单联动
|
|
445
|
+
- `QySelect` 第一版优先兼容 `ElSelect`,不内置远程字典或复杂请求能力
|
|
446
|
+
- `QyRemoteSelect` 负责远程请求状态和回显保留,不承接具体业务接口协议转换
|
|
447
|
+
- `QyFormSection` 只负责区块壳,不替代 `@qiyin/form` 的 schema / 校验能力
|
|
279
448
|
- `QyActionBar` 只负责底部布局壳,不负责编排按钮业务逻辑
|
|
280
449
|
- `QySearchInput` 第一版已经覆盖建议搜索场景,但仍然不承接页面级副作用
|
|
281
450
|
- `QyRecordQuoteSearch` 只承接报价单搜索入口逻辑,不直接改整页录单状态
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./lib/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./lib/index.cjs"),t=require("./lib/remark-image/utils.cjs");exports.QyActionBar=e.QyActionBar;exports.QyDialog=e.QyDialog;exports.QyFormSection=e.QyFormSection;exports.QyInput=e.QyInput;exports.QyMoneyInput=e.QyMoneyInput;exports.QyRadioGroup=e.QyRadioGroup;exports.QyRecordQuoteSearch=e.QyRecordQuoteSearch;exports.QyRemarkImage=e.QyRemarkImage;exports.QyRemoteSelect=e.QyRemoteSelect;exports.QySearchInput=e.QySearchInput;exports.QySelect=e.QySelect;exports.QyUpload=e.QyUpload;exports.QyVoucherUpload=e.QyVoucherUpload;exports.default=e.default;exports.formatRemarkText=t.formatRemarkText;exports.parseRemarkText=t.parseRemarkText;exports.parseRemarkWithImage=t.parseRemarkWithImage;
|
package/dist/index.mjs
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
|
-
import { QyActionBar as
|
|
2
|
-
import { formatRemarkText as
|
|
1
|
+
import { QyActionBar as r, QyDialog as a, QyFormSection as t, QyInput as y, QyMoneyInput as Q, QyRadioGroup as m, QyRecordQuoteSearch as p, QyRemarkImage as c, QyRemoteSelect as u, QySearchInput as R, QySelect as l, QyUpload as n, QyVoucherUpload as d, default as i } from "./lib/index.mjs";
|
|
2
|
+
import { formatRemarkText as S, parseRemarkText as f, parseRemarkWithImage as h } from "./lib/remark-image/utils.mjs";
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Q as
|
|
9
|
-
|
|
10
|
-
p as
|
|
11
|
-
c as
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
r as QyActionBar,
|
|
5
|
+
a as QyDialog,
|
|
6
|
+
t as QyFormSection,
|
|
7
|
+
y as QyInput,
|
|
8
|
+
Q as QyMoneyInput,
|
|
9
|
+
m as QyRadioGroup,
|
|
10
|
+
p as QyRecordQuoteSearch,
|
|
11
|
+
c as QyRemarkImage,
|
|
12
|
+
u as QyRemoteSelect,
|
|
13
|
+
R as QySearchInput,
|
|
14
|
+
l as QySelect,
|
|
15
|
+
n as QyUpload,
|
|
16
|
+
d as QyVoucherUpload,
|
|
17
|
+
i as default,
|
|
18
|
+
S as formatRemarkText,
|
|
19
|
+
f as parseRemarkText,
|
|
20
|
+
h as parseRemarkWithImage
|
|
17
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Z=require("element-plus/es"),e=require("vue"),U=require("clsx"),A=require("element-plus"),H=require("@vueuse/core")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Z=require("element-plus/es"),e=require("vue"),U=require("clsx"),A=require("element-plus"),H=require("@vueuse/core"),X={class:"text-lg flex items-center pt-2 pl-[var(--content-padding)]"},W={key:0},Y={key:1},G={key:0,class:"icon-[material-symbols--square-outline-rounded]",role:"img","aria-hidden":"true"},J={key:1,class:"icon-[tdesign--fullscreen-exit-1]",role:"img","aria-hidden":"true"},K={key:0,class:"fixed -right-12 top-2 h-9 w-9 hover:bg-gray-600/80 transition-all"},Q={class:"flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center"},ee={class:"flex items-center justify-between w-full pl-1 pr-4 h-full ml-2"},te={class:"flex items-center gap-2"},oe={class:"text-sm text-gray-700 truncate max-w-[200px]"},le={class:"flex items-center gap-2"},L=5,C=2e3,ne=e.defineComponent({__name:"index",props:e.mergeModels({layout:{type:[Array,String,Boolean],default:()=>["confirm","cancel"]},fullscreen:{type:Boolean,default:!1},showFullscreen:{type:Boolean,default:!1},confirmProps:{default:()=>({})},size:{default:"default"},zIndex:{default:2e3}},{modelValue:{default:!0},modelModifiers:{}}),emits:e.mergeModels(["confirm","cancel","close","opened","ok"],["update:modelValue"]),setup(E,{expose:O,emit:j}){const l=E,y=e.useSlots(),M=e.ref(!0),v=e.ref(!1),b=e.ref(C),P=H.useBreakpoints({mobile:0,tablet:640,laptop:1024,desktop:1280}).isSmaller("tablet"),w=e.computed(()=>{if(Array.isArray(l.layout))return l.layout;if(typeof l.layout=="string")return l.layout.split(",").map(o=>o.trim())}),z=e.computed(()=>({CancelButton:e.createVNode(I),ConfirmButton:e.createVNode(S)})),B=e.computed(()=>y.footer||l.layout!==!1),h=e.ref(!1),s=e.ref(l.showFullscreen&&P?!0:l.fullscreen),d=j,x=e.useModel(E,"modelValue");e.watchEffect(()=>{x.value&&(h.value=!1)}),O({});const k=e.useAttrs(),i=`qy-dialog-${Math.random().toString(36).slice(2,11)}`,a=e.ref(!1),u=e.ref(null);window.minimizedCount||(window.minimizedCount=0);const{x:V,y:_}=H.useDraggable(u,{initialValue:{x:5,y:window.innerHeight-100-(window.minimizedCount||0)*60},onMove(o){var t;(t=u.value)==null||t.classList.add("dragging"),document.body.classList.add("qy-dialog--dragging"),V.value=Math.max(0,Math.min(window.innerWidth-300,o.x)),_.value=Math.max(0,Math.min(window.innerHeight-50,o.y))},onEnd(){var o;(o=u.value)==null||o.classList.remove("dragging"),document.body.classList.remove("qy-dialog--dragging")}}),T=e.computed(()=>({transform:`translate(${V.value}px, ${_.value}px)`,willChange:"transform"}));function q(o){const t=o.target,{scrollTop:n,scrollHeight:r,clientHeight:f}=t;M.value=n<=L,v.value=r-(n+f)<=L}function F(){document.querySelector(`.${i}.el-dialog`).addEventListener("scroll",q),m(),d("opened")}function N(){s.value=!s.value,m()}function c(){h.value||(h.value=!0,a.value=!1,x.value=!1,d("cancel"),d("close"))}function R(o){l.showFullscreen&&o.detail>=2&&N()}function S(){return e.h(A.ElButton,{...e.unref(l.confirmProps),type:"primary",class:"dialog__footerBtn",onClick:()=>{d("confirm"),d("ok")}},()=>e.unref(l.confirmProps).title||"确 认")}function I(){return e.h(A.ElButton,{class:"dialog__footerBtn",onClick:()=>c()},()=>"取 消")}e.onMounted(()=>{typeof window.qyDialogMaxZIndex>"u"&&(window.qyDialogMaxZIndex=C),m()});function m(){var $;const o=Array.from(document.querySelectorAll(".el-overlay")).filter(p=>window.getComputedStyle(p).display!=="none"&&!p.classList.contains("is-message")),t=($=document.querySelector(`.${i}`))==null?void 0:$.closest(".el-overlay"),n=document.querySelector(`.${i}.el-dialog`);if(!t||!n)return;const r=C;window.qyDialogMaxZIndex=window.qyDialogMaxZIndex||r;const g=Math.max(window.qyDialogMaxZIndex,...o.map(p=>parseInt(window.getComputedStyle(p).zIndex||r.toString())))+2;window.qyDialogMaxZIndex=g,e.nextTick(()=>{t.style.zIndex=g.toString(),n.style.zIndex=(g+1).toString(),b.value=g+1})}e.onUnmounted(()=>{const o=document.querySelector(`.${i} .qy-dialog__wrapper-container`);o&&o.removeEventListener("scroll",q),a.value&&window.minimizedCount--});function D(){var t;a.value=!a.value;const o=(t=document.querySelector(`.${i}`))==null?void 0:t.closest(".el-overlay");a.value?(o.style.display="none",window.minimizedCount++,_.value=window.innerHeight-50-(window.minimizedCount||0)*60):(o.style.display="block",window.minimizedCount--,m())}return(o,t)=>{const n=e.resolveComponent("Close"),r=Z.ElIcon,f=Z.ElDialog;return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(f,e.mergeProps({ref:"dialogRef",class:["qy-dialog",[l.size==="small"&&"[&_.el-dialog__header]:!hidden",i]],"model-value":x.value,"align-center":"","append-to-body":"",style:{"--el-dialog-padding-primary":0},"show-close":!1,fullscreen:s.value,"z-index":b.value,onClosed:c,onOpened:F,draggable:""},e.unref(k)),e.createSlots({header:e.withCtx(()=>[l.size==="default"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({borderBottom:"1px solid",borderColor:M.value?"transparent":"var(--block-outline-color)",transition:"border-color .2s linear"}),class:"flex justify-between h-[var(--header-height)]",onDblclick:R},[e.createElementVNode("div",X,[e.unref(y).header?e.unref(y).header?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(e.unref(k).title),1))]),e.createElementVNode("div",{class:"flex",onMousedown:t[3]||(t[3]=e.withModifiers(()=>{},["stop"]))},[l.size==="default"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"qy-dialog__btn qy-dialog__btn--default",onClick:e.withModifiers(D,["stop"]),onMousedown:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},t[4]||(t[4]=[e.createElementVNode("span",{class:"icon-[material-symbols--minimize] text-xl mb-3",role:"img","aria-hidden":"true"},null,-1)]),32)):e.createCommentVNode("",!0),l.showFullscreen?(e.openBlock(),e.createElementBlock("div",{key:1,class:"qy-dialog__btn qy-dialog__btn--default",onClick:e.withModifiers(N,["stop"]),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},[s.value?(e.openBlock(),e.createElementBlock("span",J)):(e.openBlock(),e.createElementBlock("span",G))],32)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"qy-dialog__btn qy-dialog__btn--danger",onClick:e.withModifiers(c,["stop"]),onMousedown:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},t[5]||(t[5]=[e.createElementVNode("span",{class:"icon-[ri--close-line] text-xl",role:"img","aria-hidden":"true"},null,-1)]),32)],32)],36)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["qy-dialog__wrapper",e.unref(U)(s.value&&"qy-dialog__wrapper--fullscreen")]),style:e.normalizeStyle({maxHeight:B.value?"calc(100vh - var(--header-height) - var(--footer-height) - var(--sides-gap))":"calc(100vh - var(--header-height) - var(--sides-gap))",padding:l.size==="small"?"var(--small-content-padding)":"var(--content-padding)"})},[l.size==="small"?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(r,{size:36,class:"cursor-pointer text-gray-100 active:scale-75 rounded-sm transition-all",onClick:c},{default:e.withCtx(()=>[e.createVNode(n)]),_:1})])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],6)]),_:2},[!o.$slots.footer&&Array.isArray(w.value)?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createElementVNode("div",null,[e.renderSlot(o.$slots,"footer-left")]),e.createElementVNode("div",{class:e.normalizeClass([{"qy-dialog__footer--outline":v.value},"qy-dialog__footer flex items-center justify-end"])},[w.value.includes("cancel")?(e.openBlock(),e.createBlock(I,{key:0})):e.createCommentVNode("",!0),w.value.includes("confirm")?(e.openBlock(),e.createBlock(S,{key:1})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"footer-append")],2)])]),key:"0"}:B.value?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([{"qy-dialog__footer--outline":v.value},"qy-dialog__footer px-[var(--content-padding)] min-h-[var(--footer-height)] flex items-center justify-end"])},[e.renderSlot(o.$slots,"footer",{layouts:z.value,layoutsNode:Object.values(z.value)})],2)]),key:"1"}:void 0]),1040,["class","model-value","fullscreen","z-index"]),e.withDirectives(e.createElementVNode("div",{ref_key:"minimizedRef",ref:u,class:"fixed left-0 top-0 bg-white rounded shadow-lg cursor-pointer z-[9999] hover:bg-gray-50",style:e.normalizeStyle([T.value,{width:"300px",height:"50px","will-change":"transform"}])},[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[t[6]||(t[6]=e.createElementVNode("div",{class:"icon-[mdi--window-restore] text-gray-600"},null,-1)),e.createElementVNode("span",oe,e.toDisplayString(e.unref(k).title),1)]),e.createElementVNode("div",le,[e.createElementVNode("div",{class:"p-1 hover:bg-gray-200 rounded",onClick:e.withModifiers(D,["stop"])},t[7]||(t[7]=[e.createElementVNode("div",{class:"icon-[mdi--window-maximize] text-gray-600"},null,-1)])),e.createElementVNode("div",{class:"p-1 hover:bg-red-100 rounded",onClick:e.withModifiers(c,["stop"])},t[8]||(t[8]=[e.createElementVNode("div",{class:"icon-[mdi--close] text-red-600"},null,-1)]))])])],4),[[e.vShow,a.value]])])}}});exports.default=ne;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { ElDialog as ae, ElIcon as se } from "element-plus/es";
|
|
2
|
-
import { defineComponent as re, mergeModels as W, useSlots as de, ref as d, computed as C, createVNode as v, useModel as ue, watchEffect as ce, useAttrs as me, h as Y, unref as s, onMounted as fe, nextTick as ge, onUnmounted as
|
|
2
|
+
import { defineComponent as re, mergeModels as W, useSlots as de, ref as d, computed as C, createVNode as v, useModel as ue, watchEffect as ce, useAttrs as me, h as Y, unref as s, onMounted as fe, nextTick as ge, onUnmounted as ye, resolveComponent as pe, createElementBlock as i, openBlock as n, withDirectives as ve, mergeProps as we, createSlots as he, withCtx as w, createElementVNode as t, normalizeStyle as E, normalizeClass as Z, createCommentVNode as u, renderSlot as h, toDisplayString as G, withModifiers as a, createBlock as J, vShow as xe } from "vue";
|
|
3
3
|
import _e from "clsx";
|
|
4
4
|
import { ElButton as K } from "element-plus";
|
|
5
5
|
import { useBreakpoints as be, useDraggable as ke } from "@vueuse/core";
|
|
6
|
-
/* empty css */
|
|
7
6
|
const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]" }, Ce = { key: 0 }, qe = { key: 1 }, Me = {
|
|
8
7
|
key: 0,
|
|
9
8
|
class: "icon-[material-symbols--square-outline-rounded]",
|
|
@@ -17,7 +16,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
17
16
|
}, Ie = {
|
|
18
17
|
key: 0,
|
|
19
18
|
class: "fixed -right-12 top-2 h-9 w-9 hover:bg-gray-600/80 transition-all"
|
|
20
|
-
}, Be = { class: "flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center" }, De = { class: "flex items-center justify-between w-full pl-1 pr-4 h-full ml-2" },
|
|
19
|
+
}, Be = { class: "flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center" }, De = { class: "flex items-center justify-between w-full pl-1 pr-4 h-full ml-2" }, $e = { class: "flex items-center gap-2" }, Ee = { class: "text-sm text-gray-700 truncate max-w-[200px]" }, Ze = { class: "flex items-center gap-2" }, Q = 5, A = 2e3, Fe = /* @__PURE__ */ re({
|
|
21
20
|
__name: "index",
|
|
22
21
|
props: /* @__PURE__ */ W({
|
|
23
22
|
layout: { type: [Array, String, Boolean], default: () => ["confirm", "cancel"] },
|
|
@@ -46,13 +45,13 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
46
45
|
ConfirmButton: v(P)
|
|
47
46
|
})), j = C(() => q.footer || l.layout !== !1), I = d(!1), g = d(
|
|
48
47
|
l.showFullscreen && te ? !0 : l.fullscreen
|
|
49
|
-
),
|
|
48
|
+
), y = oe, B = ue(H, "modelValue");
|
|
50
49
|
ce(() => {
|
|
51
50
|
B.value && (I.value = !1);
|
|
52
51
|
}), ee({});
|
|
53
52
|
const D = me(), c = `qy-dialog-${Math.random().toString(36).slice(2, 11)}`, m = d(!1), x = d(null);
|
|
54
53
|
window.minimizedCount || (window.minimizedCount = 0);
|
|
55
|
-
const { x: N, y:
|
|
54
|
+
const { x: N, y: $ } = ke(x, {
|
|
56
55
|
initialValue: {
|
|
57
56
|
x: 5,
|
|
58
57
|
y: window.innerHeight - 100 - (window.minimizedCount || 0) * 60
|
|
@@ -62,7 +61,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
62
61
|
(e = x.value) == null || e.classList.add("dragging"), document.body.classList.add("qy-dialog--dragging"), N.value = Math.max(
|
|
63
62
|
0,
|
|
64
63
|
Math.min(window.innerWidth - 300, o.x)
|
|
65
|
-
),
|
|
64
|
+
), $.value = Math.max(
|
|
66
65
|
0,
|
|
67
66
|
Math.min(window.innerHeight - 50, o.y)
|
|
68
67
|
);
|
|
@@ -72,7 +71,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
72
71
|
(o = x.value) == null || o.classList.remove("dragging"), document.body.classList.remove("qy-dialog--dragging");
|
|
73
72
|
}
|
|
74
73
|
}), le = C(() => ({
|
|
75
|
-
transform: `translate(${N.value}px, ${
|
|
74
|
+
transform: `translate(${N.value}px, ${$.value}px)`,
|
|
76
75
|
willChange: "transform"
|
|
77
76
|
}));
|
|
78
77
|
function F(o) {
|
|
@@ -80,13 +79,13 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
80
79
|
L.value = r <= Q, M.value = f - (r + b) <= Q;
|
|
81
80
|
}
|
|
82
81
|
function ne() {
|
|
83
|
-
document.querySelector(`.${c}.el-dialog`).addEventListener("scroll", F), _(),
|
|
82
|
+
document.querySelector(`.${c}.el-dialog`).addEventListener("scroll", F), _(), y("opened");
|
|
84
83
|
}
|
|
85
84
|
function T() {
|
|
86
85
|
g.value = !g.value, _();
|
|
87
86
|
}
|
|
88
|
-
function
|
|
89
|
-
I.value || (I.value = !0, m.value = !1, B.value = !1,
|
|
87
|
+
function p() {
|
|
88
|
+
I.value || (I.value = !0, m.value = !1, B.value = !1, y("cancel"), y("close"));
|
|
90
89
|
}
|
|
91
90
|
function ie(o) {
|
|
92
91
|
l.showFullscreen && o.detail >= 2 && T();
|
|
@@ -99,7 +98,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
99
98
|
type: "primary",
|
|
100
99
|
class: "dialog__footerBtn",
|
|
101
100
|
onClick: () => {
|
|
102
|
-
|
|
101
|
+
y("confirm"), y("ok");
|
|
103
102
|
}
|
|
104
103
|
},
|
|
105
104
|
() => s(l.confirmProps).title || "确 认"
|
|
@@ -108,7 +107,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
108
107
|
function R() {
|
|
109
108
|
return Y(
|
|
110
109
|
K,
|
|
111
|
-
{ class: "dialog__footerBtn", onClick: () =>
|
|
110
|
+
{ class: "dialog__footerBtn", onClick: () => p() },
|
|
112
111
|
() => "取 消"
|
|
113
112
|
);
|
|
114
113
|
}
|
|
@@ -135,7 +134,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
135
134
|
e.style.zIndex = k.toString(), r.style.zIndex = (k + 1).toString(), O.value = k + 1;
|
|
136
135
|
});
|
|
137
136
|
}
|
|
138
|
-
|
|
137
|
+
ye(() => {
|
|
139
138
|
const o = document.querySelector(
|
|
140
139
|
`.${c} .qy-dialog__wrapper-container`
|
|
141
140
|
);
|
|
@@ -145,10 +144,10 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
145
144
|
var e;
|
|
146
145
|
m.value = !m.value;
|
|
147
146
|
const o = (e = document.querySelector(`.${c}`)) == null ? void 0 : e.closest(".el-overlay");
|
|
148
|
-
m.value ? (o.style.display = "none", window.minimizedCount++,
|
|
147
|
+
m.value ? (o.style.display = "none", window.minimizedCount++, $.value = window.innerHeight - 50 - (window.minimizedCount || 0) * 60) : (o.style.display = "block", window.minimizedCount--, _());
|
|
149
148
|
}
|
|
150
149
|
return (o, e) => {
|
|
151
|
-
const r =
|
|
150
|
+
const r = pe("Close"), f = se, b = ae;
|
|
152
151
|
return n(), i("div", null, [
|
|
153
152
|
v(b, we({
|
|
154
153
|
ref: "dialogRef",
|
|
@@ -165,14 +164,14 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
165
164
|
"show-close": !1,
|
|
166
165
|
fullscreen: g.value,
|
|
167
166
|
"z-index": O.value,
|
|
168
|
-
onClosed:
|
|
167
|
+
onClosed: p,
|
|
169
168
|
onOpened: ne,
|
|
170
169
|
draggable: ""
|
|
171
170
|
}, s(D)), he({
|
|
172
171
|
header: w(() => [
|
|
173
172
|
l.size === "default" ? (n(), i("div", {
|
|
174
173
|
key: 0,
|
|
175
|
-
style:
|
|
174
|
+
style: E({
|
|
176
175
|
borderBottom: "1px solid",
|
|
177
176
|
borderColor: L.value ? "transparent" : "var(--block-outline-color)",
|
|
178
177
|
transition: "border-color .2s linear"
|
|
@@ -214,7 +213,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
214
213
|
], 32)) : u("", !0),
|
|
215
214
|
t("div", {
|
|
216
215
|
class: "qy-dialog__btn qy-dialog__btn--danger",
|
|
217
|
-
onClick: a(
|
|
216
|
+
onClick: a(p, ["stop"]),
|
|
218
217
|
onMousedown: e[2] || (e[2] = a(() => {
|
|
219
218
|
}, ["stop"]))
|
|
220
219
|
}, e[5] || (e[5] = [
|
|
@@ -230,7 +229,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
230
229
|
default: w(() => [
|
|
231
230
|
t("div", {
|
|
232
231
|
class: Z(["qy-dialog__wrapper", s(_e)(g.value && "qy-dialog__wrapper--fullscreen")]),
|
|
233
|
-
style:
|
|
232
|
+
style: E({
|
|
234
233
|
maxHeight: j.value ? "calc(100vh - var(--header-height) - var(--footer-height) - var(--sides-gap))" : "calc(100vh - var(--header-height) - var(--sides-gap))",
|
|
235
234
|
padding: l.size === "small" ? "var(--small-content-padding)" : "var(--content-padding)"
|
|
236
235
|
})
|
|
@@ -239,7 +238,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
239
238
|
v(f, {
|
|
240
239
|
size: 36,
|
|
241
240
|
class: "cursor-pointer text-gray-100 active:scale-75 rounded-sm transition-all",
|
|
242
|
-
onClick:
|
|
241
|
+
onClick: p
|
|
243
242
|
}, {
|
|
244
243
|
default: w(() => [
|
|
245
244
|
v(r)
|
|
@@ -292,12 +291,12 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
292
291
|
ref_key: "minimizedRef",
|
|
293
292
|
ref: x,
|
|
294
293
|
class: "fixed left-0 top-0 bg-white rounded shadow-lg cursor-pointer z-[9999] hover:bg-gray-50",
|
|
295
|
-
style:
|
|
294
|
+
style: E([le.value, { width: "300px", height: "50px", "will-change": "transform" }])
|
|
296
295
|
}, [
|
|
297
296
|
t("div", De, [
|
|
298
|
-
t("div",
|
|
297
|
+
t("div", $e, [
|
|
299
298
|
e[6] || (e[6] = t("div", { class: "icon-[mdi--window-restore] text-gray-600" }, null, -1)),
|
|
300
|
-
t("span",
|
|
299
|
+
t("span", Ee, G(s(D).title), 1)
|
|
301
300
|
]),
|
|
302
301
|
t("div", Ze, [
|
|
303
302
|
t("div", {
|
|
@@ -308,7 +307,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
308
307
|
])),
|
|
309
308
|
t("div", {
|
|
310
309
|
class: "p-1 hover:bg-red-100 rounded",
|
|
311
|
-
onClick: a(
|
|
310
|
+
onClick: a(p, ["stop"])
|
|
312
311
|
}, e[8] || (e[8] = [
|
|
313
312
|
t("div", { class: "icon-[mdi--close] text-red-600" }, null, -1)
|
|
314
313
|
]))
|
|
@@ -322,5 +321,5 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
|
|
|
322
321
|
}
|
|
323
322
|
});
|
|
324
323
|
export {
|
|
325
|
-
|
|
324
|
+
Fe as default
|
|
326
325
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.cjs");;/* empty css */exports.default=e.default;
|