@vipl520/dk-ui 1.0.81 → 1.0.83
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/dist/index.js +334 -290
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +4 -4
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +333 -291
- package/dist/web-types.json +1 -1
- package/es/date-picker/index.d.ts +17 -0
- package/es/date-picker/index.mjs +8 -0
- package/es/date-picker/index.mjs.map +1 -0
- package/es/date-picker/src/date-picker.vue.d.ts +16 -0
- package/es/date-picker/src/date-picker.vue.mjs +7 -0
- package/es/date-picker/src/date-picker.vue.mjs.map +1 -0
- package/es/date-picker/src/date-picker.vue2.mjs +39 -0
- package/es/date-picker/src/date-picker.vue2.mjs.map +1 -0
- package/es/date-picker/src/props.d.ts +3 -0
- package/es/date-picker/src/props.mjs +4 -0
- package/es/date-picker/src/props.mjs.map +1 -0
- package/es/date-picker/style/index.css +0 -0
- package/es/date-picker/style/index.scss +4 -0
- package/es/index.d.ts +1 -0
- package/es/index.mjs +5 -2
- package/es/index.mjs.map +1 -1
- package/es/select/src/select.vue2.mjs +2 -1
- package/es/select/src/select.vue2.mjs.map +1 -1
- package/lib/date-picker/index.d.ts +17 -0
- package/lib/date-picker/index.js +14 -0
- package/lib/date-picker/index.js.map +1 -0
- package/lib/date-picker/src/date-picker.vue.d.ts +16 -0
- package/lib/date-picker/src/date-picker.vue.js +11 -0
- package/lib/date-picker/src/date-picker.vue.js.map +1 -0
- package/lib/date-picker/src/date-picker.vue2.js +43 -0
- package/lib/date-picker/src/date-picker.vue2.js.map +1 -0
- package/lib/date-picker/src/props.d.ts +3 -0
- package/lib/date-picker/src/props.js +6 -0
- package/lib/date-picker/src/props.js.map +1 -0
- package/lib/date-picker/style/index.css +0 -0
- package/lib/date-picker/style/index.scss +4 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +8 -3
- package/lib/index.js.map +1 -1
- package/lib/select/src/select.vue2.js +2 -1
- package/lib/select/src/select.vue2.js.map +1 -1
- package/package.json +1 -1
package/dist/web-types.json
CHANGED
@@ -0,0 +1,17 @@
|
|
1
|
+
export declare const DatePicker: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
|
2
|
+
modelValue: {
|
3
|
+
type: NumberConstructor;
|
4
|
+
default: null;
|
5
|
+
};
|
6
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
7
|
+
modelValue: {
|
8
|
+
type: NumberConstructor;
|
9
|
+
default: null;
|
10
|
+
};
|
11
|
+
}>> & {
|
12
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
13
|
+
}, {
|
14
|
+
modelValue: number;
|
15
|
+
}, {}>>;
|
16
|
+
export default DatePicker;
|
17
|
+
export * from './src/props';
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { withInstall } from '@vipl520/utils';
|
2
|
+
import _DatePicker from './src/date-picker.vue.mjs';
|
3
|
+
export { datePickerProps } from './src/props.mjs';
|
4
|
+
|
5
|
+
const DatePicker = withInstall(_DatePicker);
|
6
|
+
|
7
|
+
export { DatePicker, DatePicker as default };
|
8
|
+
//# sourceMappingURL=index.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _DatePicker from './src/date-picker.vue'\n\nexport const DatePicker = withInstall(_DatePicker)\nexport default DatePicker\n\nexport * from './src/props'\n"],"names":[],"mappings":";;;;AAGa,MAAA,UAAA,GAAa,YAAY,WAAW;;;;"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
2
|
+
modelValue: {
|
3
|
+
type: NumberConstructor;
|
4
|
+
default: null;
|
5
|
+
};
|
6
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
7
|
+
modelValue: {
|
8
|
+
type: NumberConstructor;
|
9
|
+
default: null;
|
10
|
+
};
|
11
|
+
}>> & {
|
12
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
13
|
+
}, {
|
14
|
+
modelValue: number;
|
15
|
+
}, {}>;
|
16
|
+
export default _default;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import _sfc_main from './date-picker.vue2.mjs';
|
2
|
+
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
|
3
|
+
|
4
|
+
var _DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\date-picker\\src\\date-picker.vue"]]);
|
5
|
+
|
6
|
+
export { _DatePicker as default };
|
7
|
+
//# sourceMappingURL=date-picker.vue.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"date-picker.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
|
2
|
+
import { datePickerProps } from './props.mjs';
|
3
|
+
|
4
|
+
const __default__ = defineComponent({
|
5
|
+
name: "DkDatePicker"
|
6
|
+
});
|
7
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
8
|
+
...__default__,
|
9
|
+
props: {
|
10
|
+
...datePickerProps,
|
11
|
+
modelValue: {
|
12
|
+
type: Number,
|
13
|
+
default: null
|
14
|
+
}
|
15
|
+
},
|
16
|
+
emits: ["update:modelValue"],
|
17
|
+
setup(__props, { emit }) {
|
18
|
+
const props = __props;
|
19
|
+
const internalValue = computed({
|
20
|
+
get: () => props.modelValue ? props.modelValue * 1e3 : null,
|
21
|
+
set: (val) => {
|
22
|
+
handleChange(val);
|
23
|
+
}
|
24
|
+
});
|
25
|
+
const handleChange = (val) => {
|
26
|
+
emit("update:modelValue", val ? Math.floor(val / 1e3) : null);
|
27
|
+
};
|
28
|
+
return (_ctx, _cache) => {
|
29
|
+
const _component_el_date_picker = resolveComponent("el-date-picker");
|
30
|
+
return openBlock(), createBlock(_component_el_date_picker, mergeProps({
|
31
|
+
modelValue: internalValue.value,
|
32
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event)
|
33
|
+
}, _ctx.$attrs, { onChange: handleChange }), null, 16, ["modelValue"]);
|
34
|
+
};
|
35
|
+
}
|
36
|
+
});
|
37
|
+
|
38
|
+
export { _sfc_main as default };
|
39
|
+
//# sourceMappingURL=date-picker.vue2.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"date-picker.vue2.mjs","sources":["../../../src/date-picker/src/date-picker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkDatePicker',\n});\n</script>\n<template>\n <el-date-picker v-model=\"internalValue\" v-bind=\"$attrs\" @change=\"handleChange\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { datePickerProps } from './props'\n\n\n\nconst props = defineProps({\n ...datePickerProps,\n modelValue: {\n type: Number,\n default: null,\n },\n})\n\nconst emit = defineEmits(['update:modelValue'])\n// 将秒时间戳转换为毫秒时间戳用于内部值\nconst internalValue = computed({\n get: () => (props.modelValue ? props.modelValue * 1000 : null),\n set: (val) => {\n handleChange(val)\n },\n})\n\n// 处理值变化,将毫秒时间戳转换为秒时间戳\nconst handleChange = (val: number | null) => {\n emit('update:modelValue', val ? Math.floor(val / 1000) : null)\n}\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;AAsBD,IAAA,MAAM,gBAAgB,QAAS,CAAA;AAAA,MAC7B,KAAK,MAAO,KAAA,CAAM,UAAa,GAAA,KAAA,CAAM,aAAa,GAAO,GAAA,IAAA;AAAA,MACzD,GAAA,EAAK,CAAC,GAAQ,KAAA;AACZ,QAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,YAAA,GAAe,CAAC,GAAuB,KAAA;AAC3C,MAAA,IAAA,CAAK,qBAAqB,GAAM,GAAA,IAAA,CAAK,MAAM,GAAM,GAAA,GAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KAC/D,CAAA;;;;;;;;;;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"props.mjs","sources":["../../../src/date-picker/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const datePickerProps = {}\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>\n"],"names":[],"mappings":"AAEO,MAAM,kBAAkB;;;;"}
|
File without changes
|
package/es/index.d.ts
CHANGED
@@ -37,6 +37,7 @@ export * from './animate-select';
|
|
37
37
|
export * from './uni-icon';
|
38
38
|
export * from './uni-icon-input';
|
39
39
|
export * from './url-input';
|
40
|
+
export * from './date-picker';
|
40
41
|
export declare const install: (app: App, option?: any) => void;
|
41
42
|
declare const _default: {
|
42
43
|
install: (app: App<any>, option?: any) => void;
|
package/es/index.mjs
CHANGED
@@ -39,6 +39,7 @@ import { AnimateSelect } from './animate-select/index.mjs';
|
|
39
39
|
import { UniIconInput } from './uni-icon-input/index.mjs';
|
40
40
|
import { UniIcon } from './uni-icon/index.mjs';
|
41
41
|
import { UrlInput } from './url-input/index.mjs';
|
42
|
+
import { DatePicker } from './date-picker/index.mjs';
|
42
43
|
import { directives, setGlobalConfig } from '@vipl520/utils';
|
43
44
|
export { tinyEditorProps } from './tiny-editor/src/props.mjs';
|
44
45
|
export { iconProps } from './icon/src/props.mjs';
|
@@ -78,6 +79,7 @@ export { animateSelectProps } from './animate-select/src/props.mjs';
|
|
78
79
|
export { uniIconProps } from './uni-icon/src/props.mjs';
|
79
80
|
export { uniIconInputProps } from './uni-icon-input/src/props.mjs';
|
80
81
|
export { urlInputProps } from './url-input/src/props.mjs';
|
82
|
+
export { datePickerProps } from './date-picker/src/props.mjs';
|
81
83
|
|
82
84
|
const components = [
|
83
85
|
Test,
|
@@ -162,7 +164,8 @@ const components = [
|
|
162
164
|
draggable,
|
163
165
|
UniIconInput,
|
164
166
|
UniIcon,
|
165
|
-
UrlInput
|
167
|
+
UrlInput,
|
168
|
+
DatePicker
|
166
169
|
];
|
167
170
|
const install = (app, option = {}) => {
|
168
171
|
components.forEach((item) => {
|
@@ -179,5 +182,5 @@ var index = {
|
|
179
182
|
install
|
180
183
|
};
|
181
184
|
|
182
|
-
export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleCustomInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, TableForm, Test, TinyEditor, UniIcon, UniIconInput, UrlInput, VideoInput, VideoListInput, index as default, install };
|
185
|
+
export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, DatePicker, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleCustomInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, TableForm, Test, TinyEditor, UniIcon, UniIconInput, UrlInput, VideoInput, VideoListInput, index as default, install };
|
183
186
|
//# sourceMappingURL=index.mjs.map
|
package/es/index.mjs.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TableForm } from './table-form'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { StyleCustomInput } from './style-custom-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './table-form'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './style-custom-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-input'\n\nconst components = [\n Test,\n Group,\n TableForm,\n // 富文本编辑器\n TinyEditor,\n // 图标\n Icon,\n // 颜色选择器\n ColorInput,\n // 热区选择器\n HotAreaInput,\n // 对话框\n Dialog,\n // json表单\n Form,\n // 附件\n Attachment,\n // 附件弹窗\n AttachmentDialog,\n // 文件选择器\n FileInput,\n // 图片选择器\n ImageInput,\n // 音频选择器\n AudioInput,\n // 视频选择器\n VideoInput,\n // 多文件选择器\n FileListInput,\n // 多图片选择器\n ImageListInput,\n // 多音频选择器\n AudioListInput,\n // 多视频选择器\n VideoListInput,\n // 图标选择器\n IconInput,\n // 图标展示框\n IconContent,\n // 图片弹出框\n IconDialog,\n // DIY编辑器\n PageDiy,\n // 尺寸输入框(带px/%/rem/等单位)\n BoxSizeInput,\n // DIV盒子编辑器(padding/margin/width/height)\n StyleBoxInput,\n // 文字样式编辑器\n StyleFontInput,\n // 边框样式编辑器\n StyleBorderInput,\n // 阴影编辑器\n StyleShadowInput,\n // 阴影编辑框\n StyleShadowContent,\n // 背景编辑器\n StyleBackgroundInput,\n // 合并样式编辑\n StyleInput,\n // 定位编辑器\n StylePositionInput,\n // 样式文字\n StyleNumberInput,\n // 动画配置\n StyleAnimationInput,\n // 自定义样式\n StyleCustomInput,\n // 动画class选择\n AnimateSelect,\n // 数据表格\n Table,\n // 选择\n Select,\n // 表单组/对象表单\n // 海报选择器\n PosterInput,\n // 海报\n Poster,\n Vue3DraggableResizable,\n draggable,\n UniIconInput,\n UniIcon,\n UrlInput,\n]\n\nexport const install = (app: App, option: any = {}) => {\n components.forEach((item) => {\n if (item.install!) {\n app.use(item)\n } else if (item.name) {\n app.component(item.name, item)\n }\n })\n directives(app)\n setGlobalConfig(option)\n}\n\nexport default {\n install,\n}\n"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TableForm } from './table-form'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { StyleCustomInput } from './style-custom-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\nimport { DatePicker } from './date-picker'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './table-form'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './style-custom-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-input'\nexport * from './date-picker'\n\nconst components = [\n Test,\n Group,\n TableForm,\n // 富文本编辑器\n TinyEditor,\n // 图标\n Icon,\n // 颜色选择器\n ColorInput,\n // 热区选择器\n HotAreaInput,\n // 对话框\n Dialog,\n // json表单\n Form,\n // 附件\n Attachment,\n // 附件弹窗\n AttachmentDialog,\n // 文件选择器\n FileInput,\n // 图片选择器\n ImageInput,\n // 音频选择器\n AudioInput,\n // 视频选择器\n VideoInput,\n // 多文件选择器\n FileListInput,\n // 多图片选择器\n ImageListInput,\n // 多音频选择器\n AudioListInput,\n // 多视频选择器\n VideoListInput,\n // 图标选择器\n IconInput,\n // 图标展示框\n IconContent,\n // 图片弹出框\n IconDialog,\n // DIY编辑器\n PageDiy,\n // 尺寸输入框(带px/%/rem/等单位)\n BoxSizeInput,\n // DIV盒子编辑器(padding/margin/width/height)\n StyleBoxInput,\n // 文字样式编辑器\n StyleFontInput,\n // 边框样式编辑器\n StyleBorderInput,\n // 阴影编辑器\n StyleShadowInput,\n // 阴影编辑框\n StyleShadowContent,\n // 背景编辑器\n StyleBackgroundInput,\n // 合并样式编辑\n StyleInput,\n // 定位编辑器\n StylePositionInput,\n // 样式文字\n StyleNumberInput,\n // 动画配置\n StyleAnimationInput,\n // 自定义样式\n StyleCustomInput,\n // 动画class选择\n AnimateSelect,\n // 数据表格\n Table,\n // 选择\n Select,\n // 表单组/对象表单\n // 海报选择器\n PosterInput,\n // 海报\n Poster,\n Vue3DraggableResizable,\n draggable,\n UniIconInput,\n UniIcon,\n UrlInput,\n DatePicker,\n]\n\nexport const install = (app: App, option: any = {}) => {\n components.forEach((item) => {\n if (item.install!) {\n app.use(item)\n } else if (item.name) {\n app.component(item.name, item)\n }\n })\n directives(app)\n setGlobalConfig(option)\n}\n\nexport default {\n install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,mBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AACF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select.vue2.mjs","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options || {})\nconst emit = defineEmits(['update:modelValue', 'change', 'visible-change', 'remove-tag', 'clear', 'blur', 'focus'])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA+BD,IAAM,MAAA,aAAA,GAAgB,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAA,GAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AAG/C,IAAM,KAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAA,OAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,
|
1
|
+
{"version":3,"file":"select.vue2.mjs","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options || {})\nconst emit = defineEmits(['update:modelValue', 'change', 'visible-change', 'remove-tag', 'clear', 'blur', 'focus'])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n repeat_request_cancel: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA+BD,IAAM,MAAA,aAAA,GAAgB,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAA,GAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AAG/C,IAAM,KAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAA,OAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,UACnB,qBAAuB,EAAA,KAAA;AAAA,SACzB;AAAA,OACF,CAAE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,eAAA,CAAgB,QAAQ,GAAI,CAAA,IAAA,CAAA;AAAA,OAC7B,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,YAAe,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACzD,IAAA,MAAM,mBAAsB,GAAA,CAAC,KAAmB,KAAA,IAAA,CAAK,kBAAkB,KAAK,CAAA,CAAA;AAC5E,IAAA,MAAM,eAAkB,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAChE,IAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,OAAO,CAAA,CAAA;AACtC,IAAA,MAAM,UAAa,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAC5D,IAAA,MAAM,WAAc,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAE9D,IAAa,YAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
export declare const DatePicker: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
|
2
|
+
modelValue: {
|
3
|
+
type: NumberConstructor;
|
4
|
+
default: null;
|
5
|
+
};
|
6
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
7
|
+
modelValue: {
|
8
|
+
type: NumberConstructor;
|
9
|
+
default: null;
|
10
|
+
};
|
11
|
+
}>> & {
|
12
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
13
|
+
}, {
|
14
|
+
modelValue: number;
|
15
|
+
}, {}>>;
|
16
|
+
export default DatePicker;
|
17
|
+
export * from './src/props';
|
@@ -0,0 +1,14 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var utils = require('@vipl520/utils');
|
6
|
+
var datePicker = require('./src/date-picker.vue.js');
|
7
|
+
var props = require('./src/props.js');
|
8
|
+
|
9
|
+
const DatePicker = utils.withInstall(datePicker.default);
|
10
|
+
|
11
|
+
exports.datePickerProps = props.datePickerProps;
|
12
|
+
exports.DatePicker = DatePicker;
|
13
|
+
exports.default = DatePicker;
|
14
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _DatePicker from './src/date-picker.vue'\n\nexport const DatePicker = withInstall(_DatePicker)\nexport default DatePicker\n\nexport * from './src/props'\n"],"names":["withInstall","_DatePicker"],"mappings":";;;;;;;;AAGa,MAAA,UAAA,GAAaA,kBAAYC,kBAAW;;;;;;"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
2
|
+
modelValue: {
|
3
|
+
type: NumberConstructor;
|
4
|
+
default: null;
|
5
|
+
};
|
6
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
7
|
+
modelValue: {
|
8
|
+
type: NumberConstructor;
|
9
|
+
default: null;
|
10
|
+
};
|
11
|
+
}>> & {
|
12
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
13
|
+
}, {
|
14
|
+
modelValue: number;
|
15
|
+
}, {}>;
|
16
|
+
export default _default;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var datePicker_vue_vue_type_script_setup_true_lang = require('./date-picker.vue2.js');
|
6
|
+
var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
|
7
|
+
|
8
|
+
var _DatePicker = /* @__PURE__ */ _pluginVue_exportHelper.default(datePicker_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\date-picker\\src\\date-picker.vue"]]);
|
9
|
+
|
10
|
+
exports.default = _DatePicker;
|
11
|
+
//# sourceMappingURL=date-picker.vue.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"date-picker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var vue = require('vue');
|
6
|
+
var props = require('./props.js');
|
7
|
+
|
8
|
+
const __default__ = vue.defineComponent({
|
9
|
+
name: "DkDatePicker"
|
10
|
+
});
|
11
|
+
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
12
|
+
...__default__,
|
13
|
+
props: {
|
14
|
+
...props.datePickerProps,
|
15
|
+
modelValue: {
|
16
|
+
type: Number,
|
17
|
+
default: null
|
18
|
+
}
|
19
|
+
},
|
20
|
+
emits: ["update:modelValue"],
|
21
|
+
setup(__props, { emit }) {
|
22
|
+
const props = __props;
|
23
|
+
const internalValue = vue.computed({
|
24
|
+
get: () => props.modelValue ? props.modelValue * 1e3 : null,
|
25
|
+
set: (val) => {
|
26
|
+
handleChange(val);
|
27
|
+
}
|
28
|
+
});
|
29
|
+
const handleChange = (val) => {
|
30
|
+
emit("update:modelValue", val ? Math.floor(val / 1e3) : null);
|
31
|
+
};
|
32
|
+
return (_ctx, _cache) => {
|
33
|
+
const _component_el_date_picker = vue.resolveComponent("el-date-picker");
|
34
|
+
return vue.openBlock(), vue.createBlock(_component_el_date_picker, vue.mergeProps({
|
35
|
+
modelValue: internalValue.value,
|
36
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event)
|
37
|
+
}, _ctx.$attrs, { onChange: handleChange }), null, 16, ["modelValue"]);
|
38
|
+
};
|
39
|
+
}
|
40
|
+
});
|
41
|
+
|
42
|
+
exports.default = _sfc_main;
|
43
|
+
//# sourceMappingURL=date-picker.vue2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"date-picker.vue2.js","sources":["../../../src/date-picker/src/date-picker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkDatePicker',\n});\n</script>\n<template>\n <el-date-picker v-model=\"internalValue\" v-bind=\"$attrs\" @change=\"handleChange\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { datePickerProps } from './props'\n\n\n\nconst props = defineProps({\n ...datePickerProps,\n modelValue: {\n type: Number,\n default: null,\n },\n})\n\nconst emit = defineEmits(['update:modelValue'])\n// 将秒时间戳转换为毫秒时间戳用于内部值\nconst internalValue = computed({\n get: () => (props.modelValue ? props.modelValue * 1000 : null),\n set: (val) => {\n handleChange(val)\n },\n})\n\n// 处理值变化,将毫秒时间戳转换为秒时间戳\nconst handleChange = (val: number | null) => {\n emit('update:modelValue', val ? Math.floor(val / 1000) : null)\n}\n</script>\n"],"names":["__MACROS_defineComponent","computed"],"mappings":";;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;AAsBD,IAAA,MAAM,gBAAgBC,YAAS,CAAA;AAAA,MAC7B,KAAK,MAAO,KAAA,CAAM,UAAa,GAAA,KAAA,CAAM,aAAa,GAAO,GAAA,IAAA;AAAA,MACzD,GAAA,EAAK,CAAC,GAAQ,KAAA;AACZ,QAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,YAAA,GAAe,CAAC,GAAuB,KAAA;AAC3C,MAAA,IAAA,CAAK,qBAAqB,GAAM,GAAA,IAAA,CAAK,MAAM,GAAM,GAAA,GAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KAC/D,CAAA;;;;;;;;;;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/date-picker/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const datePickerProps = {}\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB;;;;"}
|
File without changes
|
package/lib/index.d.ts
CHANGED
@@ -37,6 +37,7 @@ export * from './animate-select';
|
|
37
37
|
export * from './uni-icon';
|
38
38
|
export * from './uni-icon-input';
|
39
39
|
export * from './url-input';
|
40
|
+
export * from './date-picker';
|
40
41
|
export declare const install: (app: App, option?: any) => void;
|
41
42
|
declare const _default: {
|
42
43
|
install: (app: App<any>, option?: any) => void;
|
package/lib/index.js
CHANGED
@@ -11,7 +11,7 @@ var index$1 = require('./tiny-editor/index.js');
|
|
11
11
|
var index$2 = require('./icon/index.js');
|
12
12
|
var index$5 = require('./color-input/index.js');
|
13
13
|
var index$6 = require('./hot-area-input/index.js');
|
14
|
-
var index$
|
14
|
+
var index$E = require('./dialog/index.js');
|
15
15
|
var index$7 = require('./form/index.js');
|
16
16
|
var index$8 = require('./attachment/index.js');
|
17
17
|
var index$9 = require('./attachment-dialog/index.js');
|
@@ -43,6 +43,7 @@ var index$z = require('./animate-select/index.js');
|
|
43
43
|
var index$B = require('./uni-icon-input/index.js');
|
44
44
|
var index$A = require('./uni-icon/index.js');
|
45
45
|
var index$C = require('./url-input/index.js');
|
46
|
+
var index$D = require('./date-picker/index.js');
|
46
47
|
var utils = require('@vipl520/utils');
|
47
48
|
var props = require('./tiny-editor/src/props.js');
|
48
49
|
var props$1 = require('./icon/src/props.js');
|
@@ -82,6 +83,7 @@ var props$y = require('./animate-select/src/props.js');
|
|
82
83
|
var props$z = require('./uni-icon/src/props.js');
|
83
84
|
var props$A = require('./uni-icon-input/src/props.js');
|
84
85
|
var props$B = require('./url-input/src/props.js');
|
86
|
+
var props$C = require('./date-picker/src/props.js');
|
85
87
|
|
86
88
|
const components = [
|
87
89
|
index$l.Test,
|
@@ -96,7 +98,7 @@ const components = [
|
|
96
98
|
// 热区选择器
|
97
99
|
index$6.HotAreaInput,
|
98
100
|
// 对话框
|
99
|
-
index$
|
101
|
+
index$E.Dialog,
|
100
102
|
// json表单
|
101
103
|
index$7.Form,
|
102
104
|
// 附件
|
@@ -166,7 +168,8 @@ const components = [
|
|
166
168
|
draggable,
|
167
169
|
index$B.UniIconInput,
|
168
170
|
index$A.UniIcon,
|
169
|
-
index$C.UrlInput
|
171
|
+
index$C.UrlInput,
|
172
|
+
index$D.DatePicker
|
170
173
|
];
|
171
174
|
const install = (app, option = {}) => {
|
172
175
|
components.forEach((item) => {
|
@@ -225,6 +228,7 @@ exports.AnimateSelect = index$z.AnimateSelect;
|
|
225
228
|
exports.UniIconInput = index$B.UniIconInput;
|
226
229
|
exports.UniIcon = index$A.UniIcon;
|
227
230
|
exports.UrlInput = index$C.UrlInput;
|
231
|
+
exports.DatePicker = index$D.DatePicker;
|
228
232
|
exports.tinyEditorProps = props.tinyEditorProps;
|
229
233
|
exports.iconProps = props$1.iconProps;
|
230
234
|
exports.groupProps = props$2.groupProps;
|
@@ -265,6 +269,7 @@ exports.animateSelectProps = props$y.animateSelectProps;
|
|
265
269
|
exports.uniIconProps = props$z.uniIconProps;
|
266
270
|
exports.uniIconInputProps = props$A.uniIconInputProps;
|
267
271
|
exports.urlInputProps = props$B.urlInputProps;
|
272
|
+
exports.datePickerProps = props$C.datePickerProps;
|
268
273
|
exports.default = index;
|
269
274
|
exports.install = install;
|
270
275
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TableForm } from './table-form'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { StyleCustomInput } from './style-custom-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './table-form'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './style-custom-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-input'\n\nconst components = [\n Test,\n Group,\n TableForm,\n // 富文本编辑器\n TinyEditor,\n // 图标\n Icon,\n // 颜色选择器\n ColorInput,\n // 热区选择器\n HotAreaInput,\n // 对话框\n Dialog,\n // json表单\n Form,\n // 附件\n Attachment,\n // 附件弹窗\n AttachmentDialog,\n // 文件选择器\n FileInput,\n // 图片选择器\n ImageInput,\n // 音频选择器\n AudioInput,\n // 视频选择器\n VideoInput,\n // 多文件选择器\n FileListInput,\n // 多图片选择器\n ImageListInput,\n // 多音频选择器\n AudioListInput,\n // 多视频选择器\n VideoListInput,\n // 图标选择器\n IconInput,\n // 图标展示框\n IconContent,\n // 图片弹出框\n IconDialog,\n // DIY编辑器\n PageDiy,\n // 尺寸输入框(带px/%/rem/等单位)\n BoxSizeInput,\n // DIV盒子编辑器(padding/margin/width/height)\n StyleBoxInput,\n // 文字样式编辑器\n StyleFontInput,\n // 边框样式编辑器\n StyleBorderInput,\n // 阴影编辑器\n StyleShadowInput,\n // 阴影编辑框\n StyleShadowContent,\n // 背景编辑器\n StyleBackgroundInput,\n // 合并样式编辑\n StyleInput,\n // 定位编辑器\n StylePositionInput,\n // 样式文字\n StyleNumberInput,\n // 动画配置\n StyleAnimationInput,\n // 自定义样式\n StyleCustomInput,\n // 动画class选择\n AnimateSelect,\n // 数据表格\n Table,\n // 选择\n Select,\n // 表单组/对象表单\n // 海报选择器\n PosterInput,\n // 海报\n Poster,\n Vue3DraggableResizable,\n draggable,\n UniIconInput,\n UniIcon,\n UrlInput,\n]\n\nexport const install = (app: App, option: any = {}) => {\n components.forEach((item) => {\n if (item.install!) {\n app.use(item)\n } else if (item.name) {\n app.component(item.name, item)\n }\n })\n directives(app)\n setGlobalConfig(option)\n}\n\nexport default {\n install,\n}\n"],"names":["Test","Group","TableForm","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","StyleAnimationInput","StyleCustomInput","AnimateSelect","Table","Select","PosterInput","Poster","UniIconInput","UniIcon","UrlInput","directives","setGlobalConfig"],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TableForm } from './table-form'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { StyleCustomInput } from './style-custom-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\nimport { DatePicker } from './date-picker'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './table-form'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './style-custom-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-input'\nexport * from './date-picker'\n\nconst components = [\n Test,\n Group,\n TableForm,\n // 富文本编辑器\n TinyEditor,\n // 图标\n Icon,\n // 颜色选择器\n ColorInput,\n // 热区选择器\n HotAreaInput,\n // 对话框\n Dialog,\n // json表单\n Form,\n // 附件\n Attachment,\n // 附件弹窗\n AttachmentDialog,\n // 文件选择器\n FileInput,\n // 图片选择器\n ImageInput,\n // 音频选择器\n AudioInput,\n // 视频选择器\n VideoInput,\n // 多文件选择器\n FileListInput,\n // 多图片选择器\n ImageListInput,\n // 多音频选择器\n AudioListInput,\n // 多视频选择器\n VideoListInput,\n // 图标选择器\n IconInput,\n // 图标展示框\n IconContent,\n // 图片弹出框\n IconDialog,\n // DIY编辑器\n PageDiy,\n // 尺寸输入框(带px/%/rem/等单位)\n BoxSizeInput,\n // DIV盒子编辑器(padding/margin/width/height)\n StyleBoxInput,\n // 文字样式编辑器\n StyleFontInput,\n // 边框样式编辑器\n StyleBorderInput,\n // 阴影编辑器\n StyleShadowInput,\n // 阴影编辑框\n StyleShadowContent,\n // 背景编辑器\n StyleBackgroundInput,\n // 合并样式编辑\n StyleInput,\n // 定位编辑器\n StylePositionInput,\n // 样式文字\n StyleNumberInput,\n // 动画配置\n StyleAnimationInput,\n // 自定义样式\n StyleCustomInput,\n // 动画class选择\n AnimateSelect,\n // 数据表格\n Table,\n // 选择\n Select,\n // 表单组/对象表单\n // 海报选择器\n PosterInput,\n // 海报\n Poster,\n Vue3DraggableResizable,\n draggable,\n UniIconInput,\n UniIcon,\n UrlInput,\n DatePicker,\n]\n\nexport const install = (app: App, option: any = {}) => {\n components.forEach((item) => {\n if (item.install!) {\n app.use(item)\n } else if (item.name) {\n app.component(item.name, item)\n }\n })\n directives(app)\n setGlobalConfig(option)\n}\n\nexport default {\n install,\n}\n"],"names":["Test","Group","TableForm","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","StyleAnimationInput","StyleCustomInput","AnimateSelect","Table","Select","PosterInput","Poster","UniIconInput","UniIcon","UrlInput","DatePicker","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA,EACAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,2BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA;AAAA,EAGAC,mBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,kBAAA;AACF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select.vue2.js","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options || {})\nconst emit = defineEmits(['update:modelValue', 'change', 'visible-change', 'remove-tag', 'clear', 'blur', 'focus'])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","request"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA+BD,IAAM,MAAA,aAAA,GAAgBC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAAA,OAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AAG/C,IAAMC,SAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAAC,aAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,
|
1
|
+
{"version":3,"file":"select.vue2.js","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options || {})\nconst emit = defineEmits(['update:modelValue', 'change', 'visible-change', 'remove-tag', 'clear', 'blur', 'focus'])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n repeat_request_cancel: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","request"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA+BD,IAAM,MAAA,aAAA,GAAgBC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAAA,OAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AAG/C,IAAMC,SAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAAC,aAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,UACnB,qBAAuB,EAAA,KAAA;AAAA,SACzB;AAAA,OACF,CAAE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,eAAA,CAAgB,QAAQ,GAAI,CAAA,IAAA,CAAA;AAAA,OAC7B,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,YAAe,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACzD,IAAA,MAAM,mBAAsB,GAAA,CAAC,KAAmB,KAAA,IAAA,CAAK,kBAAkB,KAAK,CAAA,CAAA;AAC5E,IAAA,MAAM,eAAkB,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAChE,IAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,OAAO,CAAA,CAAA;AACtC,IAAA,MAAM,UAAa,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAC5D,IAAA,MAAM,WAAc,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAE9D,IAAa,YAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|