ll-plus 2.2.13 → 2.2.15
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/es/components/checkbox/src/checkbox-group.vue2.mjs +3 -2
- package/es/components/checkbox/src/checkbox-group.vue2.mjs.map +1 -1
- package/es/components/icon-base/index.d.ts +13 -0
- package/es/components/icon-base/src/icon-base.d.ts +6 -0
- package/es/components/icon-base/src/icon-base.mjs +6 -0
- package/es/components/icon-base/src/icon-base.mjs.map +1 -1
- package/es/components/icon-base/src/icon-base.vue.d.ts +13 -0
- package/es/components/icon-base/src/icon-base.vue2.mjs +1 -1
- package/es/components/icon-base/src/icon-base.vue2.mjs.map +1 -1
- package/es/components/key-value/index.d.ts +5 -17
- package/es/components/key-value/src/components/key-value-item.vue.d.ts +3 -15
- package/es/components/key-value/src/config/key-value-item.d.ts +3 -9
- package/es/components/key-value/src/config/key-value-item.mjs.map +1 -1
- package/es/components/key-value/src/key-value.vue.d.ts +5 -17
- package/es/components/operate-icon/index.d.ts +16 -0
- package/es/components/operate-icon/src/operate-icon.vue.d.ts +16 -0
- package/es/components/operate-icon/src/operate-icon.vue2.mjs +12 -7
- package/es/components/operate-icon/src/operate-icon.vue2.mjs.map +1 -1
- package/es/utils/props/runtime.d.ts +2 -2
- package/index.full.js +22 -10
- package/index.full.min.js +11 -11
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +11 -11
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +22 -10
- package/lib/components/checkbox/src/checkbox-group.vue2.js +3 -2
- package/lib/components/checkbox/src/checkbox-group.vue2.js.map +1 -1
- package/lib/components/icon-base/index.d.ts +13 -0
- package/lib/components/icon-base/src/icon-base.d.ts +6 -0
- package/lib/components/icon-base/src/icon-base.js +6 -0
- package/lib/components/icon-base/src/icon-base.js.map +1 -1
- package/lib/components/icon-base/src/icon-base.vue.d.ts +13 -0
- package/lib/components/icon-base/src/icon-base.vue2.js +1 -1
- package/lib/components/icon-base/src/icon-base.vue2.js.map +1 -1
- package/lib/components/key-value/index.d.ts +5 -17
- package/lib/components/key-value/src/components/key-value-item.vue.d.ts +3 -15
- package/lib/components/key-value/src/config/key-value-item.d.ts +3 -9
- package/lib/components/key-value/src/config/key-value-item.js.map +1 -1
- package/lib/components/key-value/src/key-value.vue.d.ts +5 -17
- package/lib/components/operate-icon/index.d.ts +16 -0
- package/lib/components/operate-icon/src/operate-icon.vue.d.ts +16 -0
- package/lib/components/operate-icon/src/operate-icon.vue2.js +12 -7
- package/lib/components/operate-icon/src/operate-icon.vue2.js.map +1 -1
- package/lib/utils/props/runtime.d.ts +2 -2
- package/package.json +1 -1
- package/theme-chalk/css/checkbox.css +1 -1
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/css/operate-icon.css +1 -1
- package/types/packages/components/icon-base/index.d.ts +13 -0
- package/types/packages/components/icon-base/src/icon-base.d.ts +6 -0
- package/types/packages/components/icon-base/src/icon-base.vue.d.ts +13 -0
- package/types/packages/components/key-value/index.d.ts +5 -17
- package/types/packages/components/key-value/src/components/key-value-item.vue.d.ts +3 -15
- package/types/packages/components/key-value/src/config/key-value-item.d.ts +3 -9
- package/types/packages/components/key-value/src/key-value.vue.d.ts +5 -17
- package/types/packages/components/operate-icon/index.d.ts +16 -0
- package/types/packages/components/operate-icon/src/operate-icon.vue.d.ts +16 -0
- package/types/packages/utils/props/runtime.d.ts +2 -2
|
@@ -30,7 +30,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
30
30
|
renderList(props.options, (item, idx) => {
|
|
31
31
|
return openBlock(), createBlock(unref(Col), mergeProps({ ref_for: true }, item.colOptions, {
|
|
32
32
|
key: idx,
|
|
33
|
-
span: item.span || 24
|
|
33
|
+
span: item.span || 24,
|
|
34
|
+
class: unref(bem).e("item")
|
|
34
35
|
}), {
|
|
35
36
|
default: withCtx(() => [
|
|
36
37
|
createVNode(
|
|
@@ -55,7 +56,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
55
56
|
]),
|
|
56
57
|
_: 2
|
|
57
58
|
/* DYNAMIC */
|
|
58
|
-
}, 1040, ["span"]);
|
|
59
|
+
}, 1040, ["span", "class"]);
|
|
59
60
|
}),
|
|
60
61
|
128
|
|
61
62
|
/* KEYED_FRAGMENT */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.vue2.mjs","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n <CheckboxGroup :class=\"bem.b()\" v-bind=\"attrs\">\n <Row v-bind=\"props.rowOptions\">\n <Col\n v-for=\"(item, idx) in props.options\"\n v-bind=\"item.colOptions\"\n :key=\"idx\"\n :span=\"item.span || 24\"\n >\n <checkbox v-bind=\"item\">\n <slot v-bind=\"item\">\n {{ item.label }}\n </slot>\n </checkbox>\n </Col>\n </Row>\n </CheckboxGroup>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { Row, Col, CheckboxGroup } from 'ant-design-vue'\nimport { checkboxGroupProps } from './checkbox'\nimport Checkbox from './checkbox.vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\ndefineOptions({ name: 'LlCheckboxGroup' })\n\nconst props = defineProps(checkboxGroupProps)\n\nconst bem = createNamespace('checkbox-group')\n\nconst attrs = useAttrs()\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"checkbox-group.vue2.mjs","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n <CheckboxGroup :class=\"bem.b()\" v-bind=\"attrs\">\n <Row v-bind=\"props.rowOptions\">\n <Col\n v-for=\"(item, idx) in props.options\"\n v-bind=\"item.colOptions\"\n :key=\"idx\"\n :span=\"item.span || 24\"\n :class=\"bem.e('item')\"\n >\n <checkbox v-bind=\"item\">\n <slot v-bind=\"item\">\n {{ item.label }}\n </slot>\n </checkbox>\n </Col>\n </Row>\n </CheckboxGroup>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { Row, Col, CheckboxGroup } from 'ant-design-vue'\nimport { checkboxGroupProps } from './checkbox'\nimport Checkbox from './checkbox.vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\ndefineOptions({ name: 'LlCheckboxGroup' })\n\nconst props = defineProps(checkboxGroupProps)\n\nconst bem = createNamespace('checkbox-group')\n\nconst attrs = useAttrs()\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,gBAAgB,CAAA,CAAA;AAE5C,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,6 +6,12 @@ export declare const LlIconBase: import("ll-plus/es/utils").SFCWithInstall<impor
|
|
|
6
6
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
7
7
|
__epPropKey: true;
|
|
8
8
|
};
|
|
9
|
+
readonly class: {
|
|
10
|
+
readonly type: import("vue").PropType<string>;
|
|
11
|
+
readonly required: false;
|
|
12
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
13
|
+
__epPropKey: true;
|
|
14
|
+
};
|
|
9
15
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
10
16
|
readonly tooltipTitle: {
|
|
11
17
|
readonly type: import("vue").PropType<string>;
|
|
@@ -51,6 +57,7 @@ export declare const LlIconBase: import("ll-plus/es/utils").SFCWithInstall<impor
|
|
|
51
57
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
52
58
|
readonly onClick?: Function | undefined;
|
|
53
59
|
readonly data?: any;
|
|
60
|
+
readonly class?: string | undefined;
|
|
54
61
|
readonly iconName?: string | undefined;
|
|
55
62
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
56
63
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -75,6 +82,12 @@ export declare const LlIconBase: import("ll-plus/es/utils").SFCWithInstall<impor
|
|
|
75
82
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
76
83
|
__epPropKey: true;
|
|
77
84
|
};
|
|
85
|
+
readonly class: {
|
|
86
|
+
readonly type: import("vue").PropType<string>;
|
|
87
|
+
readonly required: false;
|
|
88
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
89
|
+
__epPropKey: true;
|
|
90
|
+
};
|
|
78
91
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
79
92
|
readonly tooltipTitle: {
|
|
80
93
|
readonly type: import("vue").PropType<string>;
|
|
@@ -8,6 +8,12 @@ export declare const iconBaseProps: {
|
|
|
8
8
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
9
9
|
__epPropKey: true;
|
|
10
10
|
};
|
|
11
|
+
readonly class: {
|
|
12
|
+
readonly type: import("vue").PropType<string>;
|
|
13
|
+
readonly required: false;
|
|
14
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
15
|
+
__epPropKey: true;
|
|
16
|
+
};
|
|
11
17
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
12
18
|
readonly tooltipTitle: {
|
|
13
19
|
readonly type: import("vue").PropType<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-base.mjs","sources":["../../../../../packages/components/icon-base/src/icon-base.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type IconBase from './icon-base.vue'\n\nexport const iconTypes = ['default', 'primary'] as const\nexport const iconBaseProps = buildProps({\n /**\n * @description icon的类型\n */\n iconType: {\n type: String,\n values: iconTypes\n },\n /**\n * @description 是否显示tooltip\n */\n isShowTooltip: {\n type: Boolean,\n default: true\n },\n /**\n * @description tooltip的提示语\n */\n tooltipTitle: {\n type: String\n },\n /**\n * @description 是否显示button的容器\n */\n isShowContainer: {\n type: Boolean,\n default: true\n },\n /**\n * @description 是否禁用\n */\n disabled: {\n type: Boolean\n },\n /**\n * @description icon的name\n */\n iconName: {\n type: String\n },\n /**\n * @description 是否显示icon右边的文字\n */\n isShowTitle: {\n type: Boolean\n },\n /**\n * @description 点击按钮传递的数据\n */\n data: {\n type: definePropType<any>(undefined)\n },\n /**\n * @description 按钮点击事件\n */\n onClick: {\n type: Function\n }\n} as const)\n\n// props\nexport type IconBaseProps = ExtractPropTypes<typeof iconBaseProps>\nexport type IconTypes = IconBaseProps['iconType']\n\n// instance\nexport type IconBaseInstance = InstanceType<typeof IconBase>\n"],"names":[],"mappings":";;;;AAKa,MAAA,SAAA,GAAY,CAAC,SAAA,EAAW,SAAS,EAAA;AACvC,MAAM,gBAAgB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU;;;;"}
|
|
1
|
+
{"version":3,"file":"icon-base.mjs","sources":["../../../../../packages/components/icon-base/src/icon-base.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type IconBase from './icon-base.vue'\n\nexport const iconTypes = ['default', 'primary'] as const\nexport const iconBaseProps = buildProps({\n /**\n * @description icon的类型\n */\n iconType: {\n type: String,\n values: iconTypes\n },\n /**\n * @description icon的class\n */\n class: {\n type: String\n },\n /**\n * @description 是否显示tooltip\n */\n isShowTooltip: {\n type: Boolean,\n default: true\n },\n /**\n * @description tooltip的提示语\n */\n tooltipTitle: {\n type: String\n },\n /**\n * @description 是否显示button的容器\n */\n isShowContainer: {\n type: Boolean,\n default: true\n },\n /**\n * @description 是否禁用\n */\n disabled: {\n type: Boolean\n },\n /**\n * @description icon的name\n */\n iconName: {\n type: String\n },\n /**\n * @description 是否显示icon右边的文字\n */\n isShowTitle: {\n type: Boolean\n },\n /**\n * @description 点击按钮传递的数据\n */\n data: {\n type: definePropType<any>(undefined)\n },\n /**\n * @description 按钮点击事件\n */\n onClick: {\n type: Function\n }\n} as const)\n\n// props\nexport type IconBaseProps = ExtractPropTypes<typeof iconBaseProps>\nexport type IconTypes = IconBaseProps['iconType']\n\n// instance\nexport type IconBaseInstance = InstanceType<typeof IconBase>\n"],"names":[],"mappings":";;;;AAKa,MAAA,SAAA,GAAY,CAAC,SAAA,EAAW,SAAS,EAAA;AACvC,MAAM,gBAAgB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU;;;;"}
|
|
@@ -5,6 +5,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
6
6
|
__epPropKey: true;
|
|
7
7
|
};
|
|
8
|
+
readonly class: {
|
|
9
|
+
readonly type: import("vue").PropType<string>;
|
|
10
|
+
readonly required: false;
|
|
11
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
12
|
+
__epPropKey: true;
|
|
13
|
+
};
|
|
8
14
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
9
15
|
readonly tooltipTitle: {
|
|
10
16
|
readonly type: import("vue").PropType<string>;
|
|
@@ -50,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
56
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
51
57
|
readonly onClick?: Function | undefined;
|
|
52
58
|
readonly data?: any;
|
|
59
|
+
readonly class?: string | undefined;
|
|
53
60
|
readonly iconName?: string | undefined;
|
|
54
61
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
55
62
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -74,6 +81,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
74
81
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
75
82
|
__epPropKey: true;
|
|
76
83
|
};
|
|
84
|
+
readonly class: {
|
|
85
|
+
readonly type: import("vue").PropType<string>;
|
|
86
|
+
readonly required: false;
|
|
87
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
88
|
+
__epPropKey: true;
|
|
89
|
+
};
|
|
77
90
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
78
91
|
readonly tooltipTitle: {
|
|
79
92
|
readonly type: import("vue").PropType<string>;
|
|
@@ -18,7 +18,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
const exposedClass = props.isShowContainer ? "" : bem.m("exposed");
|
|
19
19
|
const hasTextClass = props.isShowTitle ? bem.m("has-text") : "";
|
|
20
20
|
const disabledClass = props.disabled ? isDefault ? bem.is("default-disable") : bem.is("primary-disable") : "";
|
|
21
|
-
return `${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`;
|
|
21
|
+
return `${props.class} ${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`;
|
|
22
22
|
});
|
|
23
23
|
const bem = createNamespace("icon-base");
|
|
24
24
|
const handleClickBtn = (e) => props.onClick && props.onClick(e, props.data);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-base.vue2.mjs","sources":["../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n <!-- 有文字提示弹窗 -->\n <template v-if=\"isShowTooltip\">\n <ll-tooltip :tip=\"tooltipTitle\">\n <a-button\n type=\"text\"\n :disabled=\"disabled\"\n :class=\"`${btnClass}`\"\n @click=\"handleClickBtn\"\n >\n <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{\n tooltipTitle\n }}</span>\n </a-button>\n </ll-tooltip>\n </template>\n <!-- 没有文字提示弹窗 -->\n <template v-else>\n <a-button\n type=\"text\"\n :disabled=\"disabled\"\n :class=\"`${btnClass}`\"\n @click=\"handleClickBtn\"\n >\n <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{ tooltipTitle }}</span>\n </a-button>\n </template>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconBaseProps } from './icon-base'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlIconBase'\n})\n\n// 2.props\nconst props = defineProps(iconBaseProps)\n\n// 3.computed/const\n// button的类名样式\nconst btnClass = computed(() => {\n const isDefault = props.iconType === 'default' || !props.iconType\n // 1.类型的class\n const typeClass = isDefault ? bem.m('default') : bem.m('primary')\n // 2.是否要裸露的class\n const exposedClass = props.isShowContainer ? '' : bem.m('exposed')\n // 3.有文本的class\n const hasTextClass = props.isShowTitle ? bem.m('has-text') : ''\n // 4.禁用的class\n const disabledClass = props.disabled\n ? isDefault\n ? bem.is('default-disable')\n : bem.is('primary-disable')\n : ''\n return `${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`\n})\nconst bem = createNamespace('icon-base')\n\n// 4.methods\nconst handleClickBtn = (e: Event) =>\n props.onClick && props.onClick(e, props.data)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA0CA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,MAAM,SAAY,GAAA,KAAA,CAAM,QAAa,KAAA,SAAA,IAAa,CAAC,KAAM,CAAA,QAAA,CAAA;AAEzD,MAAM,MAAA,SAAA,GAAY,YAAY,GAAI,CAAA,CAAA,CAAE,SAAS,CAAI,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEhE,MAAA,MAAM,eAAe,KAAM,CAAA,eAAA,GAAkB,EAAK,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEjE,MAAA,MAAM,eAAe,KAAM,CAAA,WAAA,GAAc,GAAI,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AAE7D,MAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,QAAA,GACxB,SACE,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CACxB,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CAC1B,GAAA,EAAA,CAAA;AACJ,
|
|
1
|
+
{"version":3,"file":"icon-base.vue2.mjs","sources":["../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n <!-- 有文字提示弹窗 -->\n <template v-if=\"isShowTooltip\">\n <ll-tooltip :tip=\"tooltipTitle\">\n <a-button\n type=\"text\"\n :disabled=\"disabled\"\n :class=\"`${btnClass}`\"\n @click=\"handleClickBtn\"\n >\n <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{\n tooltipTitle\n }}</span>\n </a-button>\n </ll-tooltip>\n </template>\n <!-- 没有文字提示弹窗 -->\n <template v-else>\n <a-button\n type=\"text\"\n :disabled=\"disabled\"\n :class=\"`${btnClass}`\"\n @click=\"handleClickBtn\"\n >\n <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{ tooltipTitle }}</span>\n </a-button>\n </template>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconBaseProps } from './icon-base'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlIconBase'\n})\n\n// 2.props\nconst props = defineProps(iconBaseProps)\n\n// 3.computed/const\n// button的类名样式\nconst btnClass = computed(() => {\n const isDefault = props.iconType === 'default' || !props.iconType\n // 1.类型的class\n const typeClass = isDefault ? bem.m('default') : bem.m('primary')\n // 2.是否要裸露的class\n const exposedClass = props.isShowContainer ? '' : bem.m('exposed')\n // 3.有文本的class\n const hasTextClass = props.isShowTitle ? bem.m('has-text') : ''\n // 4.禁用的class\n const disabledClass = props.disabled\n ? isDefault\n ? bem.is('default-disable')\n : bem.is('primary-disable')\n : ''\n return `${\n props.class\n } ${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`\n})\nconst bem = createNamespace('icon-base')\n\n// 4.methods\nconst handleClickBtn = (e: Event) =>\n props.onClick && props.onClick(e, props.data)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA0CA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,MAAM,SAAY,GAAA,KAAA,CAAM,QAAa,KAAA,SAAA,IAAa,CAAC,KAAM,CAAA,QAAA,CAAA;AAEzD,MAAM,MAAA,SAAA,GAAY,YAAY,GAAI,CAAA,CAAA,CAAE,SAAS,CAAI,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEhE,MAAA,MAAM,eAAe,KAAM,CAAA,eAAA,GAAkB,EAAK,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEjE,MAAA,MAAM,eAAe,KAAM,CAAA,WAAA,GAAc,GAAI,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AAE7D,MAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,QAAA,GACxB,SACE,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CACxB,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CAC1B,GAAA,EAAA,CAAA;AACJ,MAAA,OAAO,CACL,EAAA,KAAA,CAAM,KACR,CAAA,CAAA,EAAI,IAAI,CAAE,EAAC,CAAI,CAAA,EAAA,SAAS,CAAI,CAAA,EAAA,YAAY,CAAI,CAAA,EAAA,YAAY,IAAI,aAAa,CAAA,CAAA,CAAA;AAAA,KAC1E,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAGvC,IAAM,MAAA,cAAA,GAAiB,CAAC,CACtB,KAAA,KAAA,CAAM,WAAW,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -62,23 +62,17 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
|
|
|
62
62
|
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
63
63
|
is: (name?: string) => string;
|
|
64
64
|
};
|
|
65
|
-
innerValue: import("vue").Ref<
|
|
65
|
+
innerValue: import("vue").Ref<{
|
|
66
66
|
key: string | null;
|
|
67
67
|
value: any;
|
|
68
|
-
}
|
|
68
|
+
}[]>;
|
|
69
69
|
keyValueItems: import("vue").Ref<any[]>;
|
|
70
70
|
keyValueTypeDict: import("vue").ComputedRef<{}>;
|
|
71
71
|
handleAddItem: () => void;
|
|
72
72
|
handleDelete: (idx: number) => void;
|
|
73
73
|
handleChange: () => void;
|
|
74
74
|
keyValueItem: import("vue").DefineComponent<{
|
|
75
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) =>
|
|
76
|
-
key: string | null;
|
|
77
|
-
value: any;
|
|
78
|
-
}) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
|
|
79
|
-
key: string | null;
|
|
80
|
-
value: any;
|
|
81
|
-
}) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
|
|
75
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
|
|
82
76
|
key: string;
|
|
83
77
|
value: string;
|
|
84
78
|
}, boolean>;
|
|
@@ -107,7 +101,7 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
|
|
|
107
101
|
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
108
102
|
is: (name?: string) => string;
|
|
109
103
|
};
|
|
110
|
-
innerValue: import("vue").Ref<
|
|
104
|
+
innerValue: import("vue").Ref<{
|
|
111
105
|
key: string | null;
|
|
112
106
|
value: any;
|
|
113
107
|
}>;
|
|
@@ -360,13 +354,7 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
|
|
|
360
354
|
change: () => boolean;
|
|
361
355
|
'update:value': (value: import("./src/config").KeyValueItem) => boolean;
|
|
362
356
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
363
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) =>
|
|
364
|
-
key: string | null;
|
|
365
|
-
value: any;
|
|
366
|
-
}) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
|
|
367
|
-
key: string | null;
|
|
368
|
-
value: any;
|
|
369
|
-
}) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
|
|
357
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
|
|
370
358
|
key: string;
|
|
371
359
|
value: string;
|
|
372
360
|
}, boolean>;
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) =>
|
|
3
|
-
key: string | null;
|
|
4
|
-
value: any;
|
|
5
|
-
}) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
|
|
6
|
-
key: string | null;
|
|
7
|
-
value: any;
|
|
8
|
-
}) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
|
|
2
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
|
|
9
3
|
key: string;
|
|
10
4
|
value: string;
|
|
11
5
|
}, boolean>;
|
|
@@ -34,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
34
28
|
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
35
29
|
is: (name?: string) => string;
|
|
36
30
|
};
|
|
37
|
-
innerValue: import("vue").Ref<
|
|
31
|
+
innerValue: import("vue").Ref<{
|
|
38
32
|
key: string | null;
|
|
39
33
|
value: any;
|
|
40
34
|
}>;
|
|
@@ -287,13 +281,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
287
281
|
change: () => boolean;
|
|
288
282
|
'update:value': (value: import("ll-plus/es/components").KeyValueItem) => boolean;
|
|
289
283
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
290
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) =>
|
|
291
|
-
key: string | null;
|
|
292
|
-
value: any;
|
|
293
|
-
}) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
|
|
294
|
-
key: string | null;
|
|
295
|
-
value: any;
|
|
296
|
-
}) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
|
|
284
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
|
|
297
285
|
key: string;
|
|
298
286
|
value: string;
|
|
299
287
|
}, boolean>;
|
|
@@ -233,18 +233,12 @@ export declare const formColumns: {
|
|
|
233
233
|
span: number;
|
|
234
234
|
};
|
|
235
235
|
}[];
|
|
236
|
-
export
|
|
236
|
+
export interface KeyValueItem {
|
|
237
237
|
key: string | null;
|
|
238
238
|
value: any | null;
|
|
239
|
-
}
|
|
239
|
+
}
|
|
240
240
|
export declare const keyValueItemProps: {
|
|
241
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) =>
|
|
242
|
-
key: string | null;
|
|
243
|
-
value: any | null;
|
|
244
|
-
}) | (() => KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
|
|
245
|
-
key: string | null;
|
|
246
|
-
value: any | null;
|
|
247
|
-
}) | (() => KeyValueItem))[], unknown, unknown, () => {
|
|
241
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem) | (() => KeyValueItem) | ((new (...args: any[]) => KeyValueItem) | (() => KeyValueItem))[], unknown, unknown, () => {
|
|
248
242
|
key: string;
|
|
249
243
|
value: string;
|
|
250
244
|
}, boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n {\n trigger: ['blur', 'change'],\n message: '此字段是必需的',\n validator: async (_rule: any, value: any) => {\n if (!value) {\n return Promise.reject(new Error('此字段是必需的'))\n } else {\n return Promise.resolve()\n }\n }\n }\n]\nexport const formOptions = {\n layout: 'horizontal',\n labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n {\n key: 'other',\n labelCol: {\n span: 24\n }\n }\n]\n\nexport
|
|
1
|
+
{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n {\n trigger: ['blur', 'change'],\n message: '此字段是必需的',\n validator: async (_rule: any, value: any) => {\n if (!value) {\n return Promise.reject(new Error('此字段是必需的'))\n } else {\n return Promise.resolve()\n }\n }\n }\n]\nexport const formOptions = {\n layout: 'horizontal',\n labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n {\n key: 'other',\n labelCol: {\n span: 24\n }\n }\n]\n\nexport interface KeyValueItem {\n key: string | null\n value: any | null\n}\n \nexport const keyValueItemProps = buildProps({\n value: {\n type: definePropType<KeyValueItem>(Object),\n default: () => ({\n key: '',\n value: ''\n })\n },\n keyValueTypeDict: {\n type: Object,\n default: () => ({})\n },\n showDelete: {\n type: Boolean,\n default: true\n }\n} as const)\n\nexport const keyValueItemEmits = {\n delete: () => true,\n change: () => true,\n 'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAOO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}
|
|
@@ -61,23 +61,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
61
|
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
62
62
|
is: (name?: string) => string;
|
|
63
63
|
};
|
|
64
|
-
innerValue: import("vue").Ref<
|
|
64
|
+
innerValue: import("vue").Ref<{
|
|
65
65
|
key: string | null;
|
|
66
66
|
value: any;
|
|
67
|
-
}
|
|
67
|
+
}[]>;
|
|
68
68
|
keyValueItems: import("vue").Ref<any[]>;
|
|
69
69
|
keyValueTypeDict: import("vue").ComputedRef<{}>;
|
|
70
70
|
handleAddItem: () => void;
|
|
71
71
|
handleDelete: (idx: number) => void;
|
|
72
72
|
handleChange: () => void;
|
|
73
73
|
keyValueItem: import("vue").DefineComponent<{
|
|
74
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) =>
|
|
75
|
-
key: string | null;
|
|
76
|
-
value: any;
|
|
77
|
-
}) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
|
|
78
|
-
key: string | null;
|
|
79
|
-
value: any;
|
|
80
|
-
}) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
|
|
74
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
|
|
81
75
|
key: string;
|
|
82
76
|
value: string;
|
|
83
77
|
}, boolean>;
|
|
@@ -106,7 +100,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
106
100
|
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
107
101
|
is: (name?: string) => string;
|
|
108
102
|
};
|
|
109
|
-
innerValue: import("vue").Ref<
|
|
103
|
+
innerValue: import("vue").Ref<{
|
|
110
104
|
key: string | null;
|
|
111
105
|
value: any;
|
|
112
106
|
}>;
|
|
@@ -359,13 +353,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
359
353
|
change: () => boolean;
|
|
360
354
|
'update:value': (value: import("./config").KeyValueItem) => boolean;
|
|
361
355
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
362
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) =>
|
|
363
|
-
key: string | null;
|
|
364
|
-
value: any;
|
|
365
|
-
}) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
|
|
366
|
-
key: string | null;
|
|
367
|
-
value: any;
|
|
368
|
-
}) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
|
|
356
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
|
|
369
357
|
key: string;
|
|
370
358
|
value: string;
|
|
371
359
|
}, boolean>;
|
|
@@ -43,6 +43,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
43
43
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
44
44
|
readonly onClick?: Function | undefined;
|
|
45
45
|
readonly data?: any;
|
|
46
|
+
readonly class?: string | undefined;
|
|
46
47
|
readonly iconName?: string | undefined;
|
|
47
48
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
48
49
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -54,6 +55,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
54
55
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
55
56
|
readonly onClick?: Function | undefined;
|
|
56
57
|
readonly data?: any;
|
|
58
|
+
readonly class?: string | undefined;
|
|
57
59
|
readonly iconName?: string | undefined;
|
|
58
60
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
59
61
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -79,6 +81,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
79
81
|
is: (name?: string) => string;
|
|
80
82
|
};
|
|
81
83
|
operateIconClass: import("vue").ComputedRef<string>;
|
|
84
|
+
marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
|
|
82
85
|
handleDropdownOpenChange: (open: boolean) => void;
|
|
83
86
|
handleIconMouseenter: () => void;
|
|
84
87
|
readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
@@ -88,6 +91,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
88
91
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
89
92
|
__epPropKey: true;
|
|
90
93
|
};
|
|
94
|
+
readonly class: {
|
|
95
|
+
readonly type: import("vue").PropType<string>;
|
|
96
|
+
readonly required: false;
|
|
97
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
98
|
+
__epPropKey: true;
|
|
99
|
+
};
|
|
91
100
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
92
101
|
readonly tooltipTitle: {
|
|
93
102
|
readonly type: import("vue").PropType<string>;
|
|
@@ -133,6 +142,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
133
142
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
134
143
|
readonly onClick?: Function | undefined;
|
|
135
144
|
readonly data?: any;
|
|
145
|
+
readonly class?: string | undefined;
|
|
136
146
|
readonly iconName?: string | undefined;
|
|
137
147
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
138
148
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -157,6 +167,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
157
167
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
158
168
|
__epPropKey: true;
|
|
159
169
|
};
|
|
170
|
+
readonly class: {
|
|
171
|
+
readonly type: import("vue").PropType<string>;
|
|
172
|
+
readonly required: false;
|
|
173
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
174
|
+
__epPropKey: true;
|
|
175
|
+
};
|
|
160
176
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
161
177
|
readonly tooltipTitle: {
|
|
162
178
|
readonly type: import("vue").PropType<string>;
|
|
@@ -43,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
43
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
44
44
|
readonly onClick?: Function | undefined;
|
|
45
45
|
readonly data?: any;
|
|
46
|
+
readonly class?: string | undefined;
|
|
46
47
|
readonly iconName?: string | undefined;
|
|
47
48
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
48
49
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -54,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
55
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
55
56
|
readonly onClick?: Function | undefined;
|
|
56
57
|
readonly data?: any;
|
|
58
|
+
readonly class?: string | undefined;
|
|
57
59
|
readonly iconName?: string | undefined;
|
|
58
60
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
59
61
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -79,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
81
|
is: (name?: string) => string;
|
|
80
82
|
};
|
|
81
83
|
operateIconClass: import("vue").ComputedRef<string>;
|
|
84
|
+
marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
|
|
82
85
|
handleDropdownOpenChange: (open: boolean) => void;
|
|
83
86
|
handleIconMouseenter: () => void;
|
|
84
87
|
readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
@@ -88,6 +91,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
88
91
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
89
92
|
__epPropKey: true;
|
|
90
93
|
};
|
|
94
|
+
readonly class: {
|
|
95
|
+
readonly type: import("vue").PropType<string>;
|
|
96
|
+
readonly required: false;
|
|
97
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
98
|
+
__epPropKey: true;
|
|
99
|
+
};
|
|
91
100
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
92
101
|
readonly tooltipTitle: {
|
|
93
102
|
readonly type: import("vue").PropType<string>;
|
|
@@ -133,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
133
142
|
readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
134
143
|
readonly onClick?: Function | undefined;
|
|
135
144
|
readonly data?: any;
|
|
145
|
+
readonly class?: string | undefined;
|
|
136
146
|
readonly iconName?: string | undefined;
|
|
137
147
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
138
148
|
readonly tooltipTitle?: string | undefined;
|
|
@@ -157,6 +167,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
157
167
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
158
168
|
__epPropKey: true;
|
|
159
169
|
};
|
|
170
|
+
readonly class: {
|
|
171
|
+
readonly type: import("vue").PropType<string>;
|
|
172
|
+
readonly required: false;
|
|
173
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
174
|
+
__epPropKey: true;
|
|
175
|
+
};
|
|
160
176
|
readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
161
177
|
readonly tooltipTitle: {
|
|
162
178
|
readonly type: import("vue").PropType<string>;
|
|
@@ -51,6 +51,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
51
51
|
const isHasDropdown = props.showDropdown && modalIconList.value.length;
|
|
52
52
|
return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : ""}`;
|
|
53
53
|
});
|
|
54
|
+
const marginButtonClass = (index, length) => {
|
|
55
|
+
return index < length ? "margin-button-container" : "";
|
|
56
|
+
};
|
|
54
57
|
const handleDropdownOpenChange = (open) => {
|
|
55
58
|
if (!open) {
|
|
56
59
|
dropdownOpen.value = false;
|
|
@@ -82,7 +85,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
82
85
|
return (_ctx, _cache) => {
|
|
83
86
|
const _component_a_menu_item = resolveComponent("a-menu-item");
|
|
84
87
|
const _component_a_menu = resolveComponent("a-menu");
|
|
85
|
-
const
|
|
88
|
+
const _component_a_dropdownx = resolveComponent("a-dropdownx");
|
|
86
89
|
return openBlock(), createElementBlock(
|
|
87
90
|
"div",
|
|
88
91
|
{
|
|
@@ -93,17 +96,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
93
96
|
(openBlock(true), createElementBlock(
|
|
94
97
|
Fragment,
|
|
95
98
|
null,
|
|
96
|
-
renderList(showIconList.value, (item) => {
|
|
99
|
+
renderList(showIconList.value, (item, index) => {
|
|
97
100
|
return openBlock(), createBlock(unref(LlIconBase), mergeProps({ ref_for: true }, item, {
|
|
98
101
|
key: item.iconName,
|
|
99
|
-
data: _ctx.data
|
|
100
|
-
|
|
102
|
+
data: _ctx.data,
|
|
103
|
+
class: unref(bem).e(marginButtonClass(index, showIconList.value.length - 1))
|
|
104
|
+
}), null, 16, ["data", "class"]);
|
|
101
105
|
}),
|
|
102
106
|
128
|
|
103
107
|
/* KEYED_FRAGMENT */
|
|
104
108
|
)),
|
|
105
109
|
createCommentVNode(" \u4E0B\u62C9\u63D0\u793A\u7684icon "),
|
|
106
|
-
_ctx.showDropdown && modalIconList.value.length ? (openBlock(), createBlock(
|
|
110
|
+
_ctx.showDropdown && modalIconList.value.length ? (openBlock(), createBlock(_component_a_dropdownx, {
|
|
107
111
|
key: 0,
|
|
108
112
|
"overlay-class-name": unref(bem).e("dropdown"),
|
|
109
113
|
open: dropdownOpen.value,
|
|
@@ -155,8 +159,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
155
159
|
"is-show-container": showIconList.value[0].isShowContainer,
|
|
156
160
|
"icon-type": showIconList.value[0].iconType,
|
|
157
161
|
data: _ctx.data,
|
|
158
|
-
"icon-name": "icon-more"
|
|
159
|
-
|
|
162
|
+
"icon-name": "icon-more",
|
|
163
|
+
class: normalizeClass(unref(bem).e("icon-more"))
|
|
164
|
+
}, null, 8, ["is-show-container", "icon-type", "data", "class"])
|
|
160
165
|
],
|
|
161
166
|
34
|
|
162
167
|
/* CLASS, NEED_HYDRATION */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n <div :class=\"operateIconClass\">\n <!-- 显示的icon -->\n <ll-icon-base\n v-for=\"item in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\n />\n <!-- 下拉提示的icon -->\n <a-
|
|
1
|
+
{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n <div :class=\"operateIconClass\">\n <!-- 显示的icon -->\n <ll-icon-base\n v-for=\"(item, index) in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\n :class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n />\n <!-- 下拉提示的icon -->\n <a-dropdownx\n v-if=\"showDropdown && modalIconList.length\"\n :overlay-class-name=\"bem.e('dropdown')\"\n :open=\"dropdownOpen\"\n @open-change=\"handleDropdownOpenChange\"\n >\n <div\n :class=\"bem.e('dropdown-container')\"\n @mouseenter=\"handleIconMouseenter\"\n >\n <ll-icon-base\n :is-show-tooltip=\"false\"\n :is-show-container=\"showIconList[0].isShowContainer\"\n :icon-type=\"showIconList[0].iconType\"\n :data=\"data\"\n icon-name=\"icon-more\"\n :class=\"bem.e('icon-more')\"\n />\n </div>\n <template #overlay>\n <a-menu>\n <slot>\n <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n <ll-icon-base v-bind=\"item\" :data=\"data\" />\n </a-menu-item>\n </slot>\n </a-menu>\n </template>\n </a-dropdownx>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n // 默认的icon列表\n {\n iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-edit',\n tooltipTitle: '编辑',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('edit', e, data)\n }\n },\n {\n iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-delete',\n tooltipTitle: '删除',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('delete', e, data)\n }\n }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n const isHasDropdown = props.showDropdown && modalIconList.value.length\n return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\nconst marginButtonClass = (index, length) => {\n return index < length ? 'margin-button-container' : ''\n}\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n if (!open) {\n dropdownOpen.value = false\n emits('update:dropdownOpen', false)\n }\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n dropdownOpen.value = true\n emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n () => [props.list, props.showDropdown],\n (data: any) => {\n const [newList, showDropdown] = data\n const list = newList ? newList : defualtList.value\n const length = list.length\n if (length >= props.showIconLimit && showDropdown) {\n showIconList.value = list.slice(\n 0,\n props.showIconLimit - 1\n ) as IconBaseProps[]\n // 默认modal里面要icon后面跟文字\n modalIconList.value = list\n .slice(props.showIconLimit - 1)\n .map((item: any) => ({ ...item, isShowTitle: true }))\n } else {\n showIconList.value = list as IconBaseProps[]\n }\n },\n { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
|
|
|
27
27
|
export type TestProps = Record<string, {
|
|
28
28
|
[epPropKey]: true;
|
|
29
29
|
} | NativePropType | EpPropInput<any, any, any, any, any>>;
|
|
30
|
-
export declare const buildProps: <Props extends Record<string, {
|
|
30
|
+
export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
|
|
31
31
|
__epPropKey: true;
|
|
32
|
-
}
|
|
32
|
+
}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
|