ll-plus 2.4.14 → 2.4.16
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/component.mjs +2 -1
- package/es/component.mjs.map +1 -1
- package/es/components/advanced-filtering/index.d.ts +302 -302
- package/es/components/advanced-filtering/src/advanced-filtering.vue.d.ts +153 -153
- package/es/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +145 -145
- package/es/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
- package/es/components/api-component/index.d.ts +32 -32
- package/es/components/api-component/src/api-component.vue.d.ts +32 -32
- package/es/components/api-component/src/components/api-modal.vue.d.ts +6 -6
- package/es/components/api-component/src/components/body-component.vue.d.ts +14 -14
- package/es/components/api-component/src/components/click-input.vue.d.ts +10 -10
- package/es/components/api-component/src/components/params-table-row.vue.d.ts +12 -12
- package/es/components/api-component/src/components/params-table.vue.d.ts +14 -14
- package/es/components/api-component/src/config/api-modal.d.ts +1 -1
- package/es/components/api-component/src/config/click-input.d.ts +1 -1
- package/es/components/checkbox/index.d.ts +217 -217
- package/es/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
- package/es/components/checkbox/src/checkbox.d.ts +56 -56
- package/es/components/code-editor/index.d.ts +2 -2
- package/es/components/code-editor/src/code-editor.vue.d.ts +2 -2
- package/es/components/cropper/index.d.ts +4 -4
- package/es/components/cropper/src/cropper-image.vue.d.ts +2 -2
- package/es/components/cropper/src/cropper-modal.vue.d.ts +2 -2
- package/es/components/drawer/index.d.ts +11 -11
- package/es/components/drawer/src/components/second-confirmation/index.d.ts +9 -9
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +9 -9
- package/es/components/drawer/src/drawer.vue.d.ts +11 -11
- package/es/components/easy-cron/index.d.ts +82 -82
- package/es/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +77 -77
- package/es/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +77 -77
- package/es/components/easy-cron/src/easy-cron.vue.d.ts +82 -82
- package/es/components/empty/index.d.ts +2 -2
- package/es/components/empty/src/empty.vue.d.ts +2 -2
- package/es/components/form/index.d.ts +142 -142
- package/es/components/form/src/config/form.d.ts +56 -56
- package/es/components/form/src/form.vue.d.ts +142 -142
- package/es/components/image/index.d.ts +147 -4
- package/es/components/image/src/image-preview-group.vue.d.ts +121 -0
- package/es/components/image/src/image.d.ts +12 -2
- package/es/components/image/src/image.vue.d.ts +25 -4
- package/es/components/input/index.d.ts +31 -31
- package/es/components/input/src/input.vue.d.ts +31 -31
- package/es/components/key-value/index.d.ts +684 -684
- package/es/components/key-value/src/components/key-value-item.vue.d.ts +228 -228
- package/es/components/key-value/src/key-value.vue.d.ts +684 -684
- package/es/components/modal/index.d.ts +4 -4
- package/es/components/modal/src/modal.vue.d.ts +4 -4
- package/es/components/rich-text-editor/index.d.ts +1 -1
- package/es/components/rich-text-editor/src/rich-text-editor.vue.d.ts +1 -1
- package/es/components/select/index.d.ts +11 -11
- package/es/components/select/src/select.vue.d.ts +11 -11
- package/es/components/select-group/index.d.ts +2 -2
- package/es/components/select-group/src/select-group.vue.d.ts +2 -2
- package/es/components/table/index.d.ts +6 -6
- package/es/components/table/src/components/main-table.vue.d.ts +2 -2
- package/es/components/table/src/config/table.d.ts +2 -2
- package/es/components/table/src/table.vue.d.ts +6 -6
- package/es/components/textarea/index.d.ts +5 -5
- package/es/components/textarea/src/textarea.vue.d.ts +5 -5
- package/es/components/tooltip/index.d.ts +65 -5
- package/es/components/tooltip/src/tooltip.d.ts +17 -1
- package/es/components/tooltip/src/tooltip.vue.d.ts +65 -5
- package/es/components/tree-search/index.d.ts +15 -15
- package/es/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/es/components/tree-search/src/tree-search.vue.d.ts +15 -15
- package/es/components/upload-drag/index.d.ts +4 -4
- package/es/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
- package/es/index.mjs +1 -1
- package/es/packages/components/image/index.mjs +3 -1
- package/es/packages/components/image/index.mjs.map +1 -1
- package/es/packages/components/image/src/image-preview-group.vue.mjs +8 -0
- package/es/packages/components/image/src/image-preview-group.vue.mjs.map +1 -0
- package/es/packages/components/image/src/image-preview-group.vue2.mjs +32 -0
- package/es/packages/components/image/src/image-preview-group.vue2.mjs.map +1 -0
- package/es/packages/components/image/src/image.mjs +15 -2
- package/es/packages/components/image/src/image.mjs.map +1 -1
- package/es/packages/components/image/src/image.vue2.mjs +10 -2
- package/es/packages/components/image/src/image.vue2.mjs.map +1 -1
- package/es/packages/components/index.mjs +1 -1
- package/es/packages/components/tooltip/src/tooltip.mjs +40 -0
- package/es/packages/components/tooltip/src/tooltip.mjs.map +1 -1
- package/es/packages/components/tooltip/src/tooltip.vue2.mjs +42 -9
- package/es/packages/components/tooltip/src/tooltip.vue2.mjs.map +1 -1
- package/es/utils/props/runtime.d.ts +2 -2
- package/index.full.js +232 -109
- package/index.full.min.js +20 -20
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +21 -21
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +232 -110
- package/lib/component.js +1 -0
- package/lib/component.js.map +1 -1
- package/lib/components/advanced-filtering/index.d.ts +302 -302
- package/lib/components/advanced-filtering/src/advanced-filtering.vue.d.ts +153 -153
- package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +145 -145
- package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
- package/lib/components/api-component/index.d.ts +32 -32
- package/lib/components/api-component/src/api-component.vue.d.ts +32 -32
- package/lib/components/api-component/src/components/api-modal.vue.d.ts +6 -6
- package/lib/components/api-component/src/components/body-component.vue.d.ts +14 -14
- package/lib/components/api-component/src/components/click-input.vue.d.ts +10 -10
- package/lib/components/api-component/src/components/params-table-row.vue.d.ts +12 -12
- package/lib/components/api-component/src/components/params-table.vue.d.ts +14 -14
- package/lib/components/api-component/src/config/api-modal.d.ts +1 -1
- package/lib/components/api-component/src/config/click-input.d.ts +1 -1
- package/lib/components/checkbox/index.d.ts +217 -217
- package/lib/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
- package/lib/components/checkbox/src/checkbox.d.ts +56 -56
- package/lib/components/code-editor/index.d.ts +2 -2
- package/lib/components/code-editor/src/code-editor.vue.d.ts +2 -2
- package/lib/components/cropper/index.d.ts +4 -4
- package/lib/components/cropper/src/cropper-image.vue.d.ts +2 -2
- package/lib/components/cropper/src/cropper-modal.vue.d.ts +2 -2
- package/lib/components/drawer/index.d.ts +11 -11
- package/lib/components/drawer/src/components/second-confirmation/index.d.ts +9 -9
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +9 -9
- package/lib/components/drawer/src/drawer.vue.d.ts +11 -11
- package/lib/components/easy-cron/index.d.ts +82 -82
- package/lib/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +77 -77
- package/lib/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +77 -77
- package/lib/components/easy-cron/src/easy-cron.vue.d.ts +82 -82
- package/lib/components/empty/index.d.ts +2 -2
- package/lib/components/empty/src/empty.vue.d.ts +2 -2
- package/lib/components/form/index.d.ts +142 -142
- package/lib/components/form/src/config/form.d.ts +56 -56
- package/lib/components/form/src/form.vue.d.ts +142 -142
- package/lib/components/image/index.d.ts +147 -4
- package/lib/components/image/src/image-preview-group.vue.d.ts +121 -0
- package/lib/components/image/src/image.d.ts +12 -2
- package/lib/components/image/src/image.vue.d.ts +25 -4
- package/lib/components/input/index.d.ts +31 -31
- package/lib/components/input/src/input.vue.d.ts +31 -31
- package/lib/components/key-value/index.d.ts +684 -684
- package/lib/components/key-value/src/components/key-value-item.vue.d.ts +228 -228
- package/lib/components/key-value/src/key-value.vue.d.ts +684 -684
- package/lib/components/modal/index.d.ts +4 -4
- package/lib/components/modal/src/modal.vue.d.ts +4 -4
- package/lib/components/rich-text-editor/index.d.ts +1 -1
- package/lib/components/rich-text-editor/src/rich-text-editor.vue.d.ts +1 -1
- package/lib/components/select/index.d.ts +11 -11
- package/lib/components/select/src/select.vue.d.ts +11 -11
- package/lib/components/select-group/index.d.ts +2 -2
- package/lib/components/select-group/src/select-group.vue.d.ts +2 -2
- package/lib/components/table/index.d.ts +6 -6
- package/lib/components/table/src/components/main-table.vue.d.ts +2 -2
- package/lib/components/table/src/config/table.d.ts +2 -2
- package/lib/components/table/src/table.vue.d.ts +6 -6
- package/lib/components/textarea/index.d.ts +5 -5
- package/lib/components/textarea/src/textarea.vue.d.ts +5 -5
- package/lib/components/tooltip/index.d.ts +65 -5
- package/lib/components/tooltip/src/tooltip.d.ts +17 -1
- package/lib/components/tooltip/src/tooltip.vue.d.ts +65 -5
- package/lib/components/tree-search/index.d.ts +15 -15
- package/lib/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/lib/components/tree-search/src/tree-search.vue.d.ts +15 -15
- package/lib/components/upload-drag/index.d.ts +4 -4
- package/lib/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/packages/components/image/index.js +3 -0
- package/lib/packages/components/image/index.js.map +1 -1
- package/lib/packages/components/image/src/image-preview-group.vue.js +12 -0
- package/lib/packages/components/image/src/image-preview-group.vue.js.map +1 -0
- package/lib/packages/components/image/src/image-preview-group.vue2.js +36 -0
- package/lib/packages/components/image/src/image-preview-group.vue2.js.map +1 -0
- package/lib/packages/components/image/src/image.js +15 -2
- package/lib/packages/components/image/src/image.js.map +1 -1
- package/lib/packages/components/image/src/image.vue2.js +10 -2
- package/lib/packages/components/image/src/image.vue2.js.map +1 -1
- package/lib/packages/components/index.js +1 -0
- package/lib/packages/components/index.js.map +1 -1
- package/lib/packages/components/tooltip/src/tooltip.js +40 -0
- package/lib/packages/components/tooltip/src/tooltip.js.map +1 -1
- package/lib/packages/components/tooltip/src/tooltip.vue2.js +41 -8
- package/lib/packages/components/tooltip/src/tooltip.vue2.js.map +1 -1
- package/lib/utils/props/runtime.d.ts +2 -2
- package/package.json +1 -1
- package/theme-chalk/css/images.css +1 -0
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/css/tooltip.css +1 -1
- package/types/packages/components/advanced-filtering/index.d.ts +302 -302
- package/types/packages/components/advanced-filtering/src/advanced-filtering.vue.d.ts +153 -153
- package/types/packages/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +145 -145
- package/types/packages/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
- package/types/packages/components/api-component/index.d.ts +32 -32
- package/types/packages/components/api-component/src/api-component.vue.d.ts +32 -32
- package/types/packages/components/api-component/src/components/api-modal.vue.d.ts +6 -6
- package/types/packages/components/api-component/src/components/body-component.vue.d.ts +14 -14
- package/types/packages/components/api-component/src/components/click-input.vue.d.ts +10 -10
- package/types/packages/components/api-component/src/components/params-table-row.vue.d.ts +12 -12
- package/types/packages/components/api-component/src/components/params-table.vue.d.ts +14 -14
- package/types/packages/components/api-component/src/config/api-modal.d.ts +1 -1
- package/types/packages/components/api-component/src/config/click-input.d.ts +1 -1
- package/types/packages/components/checkbox/index.d.ts +217 -217
- package/types/packages/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
- package/types/packages/components/checkbox/src/checkbox.d.ts +56 -56
- package/types/packages/components/code-editor/index.d.ts +2 -2
- package/types/packages/components/code-editor/src/code-editor.vue.d.ts +2 -2
- package/types/packages/components/cropper/index.d.ts +4 -4
- package/types/packages/components/cropper/src/cropper-image.vue.d.ts +2 -2
- package/types/packages/components/cropper/src/cropper-modal.vue.d.ts +2 -2
- package/types/packages/components/drawer/index.d.ts +11 -11
- package/types/packages/components/drawer/src/components/second-confirmation/index.d.ts +9 -9
- package/types/packages/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +9 -9
- package/types/packages/components/drawer/src/drawer.vue.d.ts +11 -11
- package/types/packages/components/easy-cron/index.d.ts +82 -82
- package/types/packages/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +77 -77
- package/types/packages/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +77 -77
- package/types/packages/components/easy-cron/src/easy-cron.vue.d.ts +82 -82
- package/types/packages/components/empty/index.d.ts +2 -2
- package/types/packages/components/empty/src/empty.vue.d.ts +2 -2
- package/types/packages/components/form/index.d.ts +142 -142
- package/types/packages/components/form/src/config/form.d.ts +56 -56
- package/types/packages/components/form/src/form.vue.d.ts +142 -142
- package/types/packages/components/image/index.d.ts +147 -4
- package/types/packages/components/image/src/image-preview-group.vue.d.ts +121 -0
- package/types/packages/components/image/src/image.d.ts +12 -2
- package/types/packages/components/image/src/image.vue.d.ts +25 -4
- package/types/packages/components/input/index.d.ts +31 -31
- package/types/packages/components/input/src/input.vue.d.ts +31 -31
- package/types/packages/components/key-value/index.d.ts +684 -684
- package/types/packages/components/key-value/src/components/key-value-item.vue.d.ts +228 -228
- package/types/packages/components/key-value/src/key-value.vue.d.ts +684 -684
- package/types/packages/components/modal/index.d.ts +4 -4
- package/types/packages/components/modal/src/modal.vue.d.ts +4 -4
- package/types/packages/components/rich-text-editor/index.d.ts +1 -1
- package/types/packages/components/rich-text-editor/src/rich-text-editor.vue.d.ts +1 -1
- package/types/packages/components/select/index.d.ts +11 -11
- package/types/packages/components/select/src/select.vue.d.ts +11 -11
- package/types/packages/components/select-group/index.d.ts +2 -2
- package/types/packages/components/select-group/src/select-group.vue.d.ts +2 -2
- package/types/packages/components/table/index.d.ts +6 -6
- package/types/packages/components/table/src/components/main-table.vue.d.ts +2 -2
- package/types/packages/components/table/src/config/table.d.ts +2 -2
- package/types/packages/components/table/src/table.vue.d.ts +6 -6
- package/types/packages/components/textarea/index.d.ts +5 -5
- package/types/packages/components/textarea/src/textarea.vue.d.ts +5 -5
- package/types/packages/components/tooltip/index.d.ts +65 -5
- package/types/packages/components/tooltip/src/tooltip.d.ts +17 -1
- package/types/packages/components/tooltip/src/tooltip.vue.d.ts +65 -5
- package/types/packages/components/tree-search/index.d.ts +15 -15
- package/types/packages/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/types/packages/components/tree-search/src/tree-search.vue.d.ts +15 -15
- package/types/packages/components/upload-drag/index.d.ts +4 -4
- package/types/packages/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
- package/types/packages/utils/props/runtime.d.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Image from './src/image.vue'\n\nexport const LlImage = withInstall(Image)\nexport default LlImage\nexport * from './src/image'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlImage: typeof Image\n }\n}\n"],"names":["withInstall","Image"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Image from './src/image.vue'\nimport ImagePreviewGroup from './src/image-preview-group.vue'\n\nexport const LlImage = withInstall(Image)\nexport const LlImagePreviewGroup = withInstall(ImagePreviewGroup)\nexport default LlImage\nexport * from './src/image'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlImage: typeof Image\n LlImagePreviewGroup: typeof ImagePreviewGroup\n }\n}\n"],"names":["withInstall","Image","ImagePreviewGroup"],"mappings":";;;;;;;;;;;AAKa,MAAA,OAAA,GAAUA,wBAAYC,eAAK,EAAA;AAC3B,MAAA,mBAAA,GAAsBD,wBAAYE,yBAAiB;;;;;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var imagePreviewGroup_vue_vue_type_script_setup_true_lang = require('./image-preview-group.vue2.js');
|
|
6
|
+
var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
var ImagePreviewGroup = /* @__PURE__ */ _pluginVue_exportHelper.default(imagePreviewGroup_vue_vue_type_script_setup_true_lang.default, [["__file", "image-preview-group.vue"]]);
|
|
10
|
+
|
|
11
|
+
exports.default = ImagePreviewGroup;
|
|
12
|
+
//# sourceMappingURL=image-preview-group.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-preview-group.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
require('../../../utils/index.js');
|
|
7
|
+
var image = require('./image.js');
|
|
8
|
+
var createNamespace = require('../../../utils/create-namespace.js');
|
|
9
|
+
|
|
10
|
+
"use strict";
|
|
11
|
+
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
12
|
+
...{
|
|
13
|
+
name: "LlImagePreviewGroup"
|
|
14
|
+
},
|
|
15
|
+
__name: "image-preview-group",
|
|
16
|
+
props: image.imageProps,
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const bem = createNamespace.createNamespace("image-preview-group");
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
const _component_a_image_preview_group = vue.resolveComponent("a-image-preview-group");
|
|
22
|
+
return vue.openBlock(), vue.createBlock(_component_a_image_preview_group, vue.mergeProps({
|
|
23
|
+
class: `${vue.unref(bem).b()}`
|
|
24
|
+
}, props), {
|
|
25
|
+
default: vue.withCtx(() => [
|
|
26
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
27
|
+
]),
|
|
28
|
+
_: 3
|
|
29
|
+
/* FORWARDED */
|
|
30
|
+
}, 16, ["class"]);
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
exports.default = _sfc_main;
|
|
36
|
+
//# sourceMappingURL=image-preview-group.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-preview-group.vue2.js","sources":["../../../../../../packages/components/image/src/image-preview-group.vue"],"sourcesContent":["<template>\n <a-image-preview-group :class=\"`${bem.b()}`\" v-bind=\"props\">\n <slot />\n </a-image-preview-group>\n</template>\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@ll-plus/utils'\nimport { imageProps as imagePreviewGroupProps } from './image'\n\ndefineOptions({\n name: 'LlImagePreviewGroup'\n})\n\nconst props = defineProps(imagePreviewGroupProps)\n\nconst bem = createNamespace('image-preview-group')\n</script>\n"],"names":["createNamespace"],"mappings":";;;;;;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,qBAAqB,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
|
|
@@ -47,14 +47,27 @@ const imageProps = runtime.buildProps({
|
|
|
47
47
|
* @description 图片地址
|
|
48
48
|
*/
|
|
49
49
|
src: {
|
|
50
|
-
type:
|
|
51
|
-
default: true
|
|
50
|
+
type: String
|
|
52
51
|
},
|
|
53
52
|
/**
|
|
54
53
|
* @description 自定义 mask 有插槽
|
|
55
54
|
*/
|
|
56
55
|
previewMask: {
|
|
57
56
|
type: runtime.definePropType([false, Function])
|
|
57
|
+
},
|
|
58
|
+
/**
|
|
59
|
+
* @description 是否展示border
|
|
60
|
+
*/
|
|
61
|
+
isShowBorder: {
|
|
62
|
+
type: Boolean,
|
|
63
|
+
default: true
|
|
64
|
+
},
|
|
65
|
+
/**
|
|
66
|
+
* @description 是否展示border
|
|
67
|
+
*/
|
|
68
|
+
borderRadius: {
|
|
69
|
+
type: String,
|
|
70
|
+
default: "6px"
|
|
58
71
|
}
|
|
59
72
|
});
|
|
60
73
|
const FALL_BACK_IMG = "data:image/jpeg;base64,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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Image from './image.vue'\n\nexport interface ImagePreviewType {\n visible?: boolean\n onVisibleChange?: (visible, prevVisible) => void\n getContainer
|
|
1
|
+
{"version":3,"file":"image.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Image from './image.vue'\nimport type ImagePreviewGroup from './image-preview-group.vue'\n\nexport interface ImagePreviewType {\n visible?: boolean\n onVisibleChange?: (visible, prevVisible) => void\n getContainer?: string | HTMLElement | (() => HTMLElement)\n src?: string\n maskClassName?: string\n current?: number\n}\n\nexport const imageProps = buildProps({\n // buildProps和defineprops一样\n /**\n * @description 图像描述\n */\n alt: {\n type: String\n },\n /**\n * @description 加载失败容错地址\n */\n fallback: {\n type: String\n },\n /**\n * @description 图像宽度\n */\n width: {\n type: definePropType<number | string>([Number, String])\n },\n /**\n * @description 图像高度\n */\n height: {\n type: definePropType<number | string>([Number, String])\n },\n /**\n * @description 加载占位, 为 true 时使用默认占位,有插槽\n */\n placeholder: {\n type: Boolean\n },\n /**\n * @description 预览参数,为 false 时禁用\n */\n preview: {\n type: definePropType<boolean | ImagePreviewType>([Boolean, Object]),\n default: true\n },\n /**\n * @description 图片地址\n */\n src: {\n type: String\n },\n /**\n * @description 自定义 mask 有插槽\n */\n previewMask: {\n type: definePropType<false | (() => any)>([false, Function])\n },\n /**\n * @description 是否展示border\n */\n isShowBorder: {\n type: Boolean,\n default: true\n },\n /**\n * @description 是否展示border\n */\n borderRadius: {\n type: String,\n default: '6px'\n }\n} as const)\n\n// props\nexport type ImageProps = ExtractPropTypes<typeof imageProps> // ExtractPropTypes和defineCpmponent类似\nexport type ImagePreviewGroupProps = ExtractPropTypes<typeof imageProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type ImageInstance = InstanceType<typeof Image>\nexport type ImagePreviewGroupInstance = InstanceType<typeof ImagePreviewGroup>\n\nexport const FALL_BACK_IMG =\n 'data:image/jpeg;base64,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'\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAeO,MAAM,aAAaA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAAC,sBAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAAA,sBAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAAA,sBAAA,CAA2C,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAClE,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAAA,sBAAA,CAAoC,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAAA,GAC7D;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAUH,MAAM,aACX,GAAA;;;;;"}
|
|
@@ -20,10 +20,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
20
20
|
const computedFallback = vue.computed(
|
|
21
21
|
() => props.fallback ? props.fallback : image.FALL_BACK_IMG
|
|
22
22
|
);
|
|
23
|
+
const getImageClass = vue.computed(() => {
|
|
24
|
+
const borderClass = props.isShowBorder ? bem.m("border") : "";
|
|
25
|
+
return `${borderClass}`;
|
|
26
|
+
});
|
|
27
|
+
const getImageStyle = vue.computed(() => {
|
|
28
|
+
return { borderRadius: props.borderRadius };
|
|
29
|
+
});
|
|
23
30
|
return (_ctx, _cache) => {
|
|
24
31
|
const _component_a_image = vue.resolveComponent("a-image");
|
|
25
32
|
return vue.openBlock(), vue.createBlock(_component_a_image, vue.mergeProps({
|
|
26
|
-
class: vue.unref(bem).b()
|
|
33
|
+
class: `${vue.unref(bem).b()} ${getImageClass.value}`,
|
|
34
|
+
style: getImageStyle.value
|
|
27
35
|
}, props, { fallback: computedFallback.value }), {
|
|
28
36
|
placeholder: vue.withCtx(() => [
|
|
29
37
|
vue.renderSlot(_ctx.$slots, "placeholder")
|
|
@@ -33,7 +41,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
33
41
|
]),
|
|
34
42
|
_: 3
|
|
35
43
|
/* FORWARDED */
|
|
36
|
-
}, 16, ["class", "fallback"]);
|
|
44
|
+
}, 16, ["class", "style", "fallback"]);
|
|
37
45
|
};
|
|
38
46
|
}
|
|
39
47
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.vue2.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <a-image
|
|
1
|
+
{"version":3,"file":"image.vue2.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <a-image\n :class=\"`${bem.b()} ${getImageClass}`\"\n :style=\"getImageStyle\"\n v-bind=\"props\"\n :fallback=\"computedFallback\"\n >\n <!-- 占位插槽 -->\n <template #placeholder>\n <slot name=\"placeholder\" />\n </template>\n <!-- 自定义mask插槽 -->\n <template #previewMask>\n <slot name=\"previewMask\" />\n </template>\n </a-image>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { imageProps } from './image'\n\nimport { FALL_BACK_IMG } from './image'\n\ndefineOptions({\n name: 'LlImage'\n})\n\nconst props = defineProps(imageProps)\n\nconst bem = createNamespace('image')\n\n// 加载失败容错地址\nconst computedFallback = computed(() =>\n props.fallback ? props.fallback : FALL_BACK_IMG\n)\n// 根据isShowBorder/borderRadius设置类名\nconst getImageClass = computed(() => {\n const borderClass = props.isShowBorder ? bem.m('border') : ''\n return `${borderClass}`\n})\nconst getImageStyle = computed(() => {\n return { borderRadius: props.borderRadius }\n})\n</script>\n"],"names":["createNamespace","computed","FALL_BACK_IMG"],"mappings":";;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,OAAO,CAAA,CAAA;AAGnC,IAAA,MAAM,gBAAmB,GAAAC,YAAA;AAAA,MAAS,MAChC,KAAA,CAAM,QAAW,GAAA,KAAA,CAAM,QAAW,GAAAC,mBAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgBD,aAAS,MAAM;AACnC,MAAA,MAAM,cAAc,KAAM,CAAA,YAAA,GAAe,GAAI,CAAA,CAAA,CAAE,QAAQ,CAAI,GAAA,EAAA,CAAA;AAC3D,MAAA,OAAO,GAAG,WAAW,CAAA,CAAA,CAAA;AAAA,KACtB,CAAA,CAAA;AACD,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAO,OAAA,EAAE,YAAc,EAAA,KAAA,CAAM,YAAa,EAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -144,6 +144,7 @@ exports.LlIcon = index$j.LlIcon;
|
|
|
144
144
|
exports.LlIconBase = index$k.LlIconBase;
|
|
145
145
|
exports.LlIconPicker = index$l.LlIconPicker;
|
|
146
146
|
exports.LlImage = index$m.LlImage;
|
|
147
|
+
exports.LlImagePreviewGroup = index$m.LlImagePreviewGroup;
|
|
147
148
|
exports.LlInput = index$n.LlInput;
|
|
148
149
|
exports.LlInputNumber = index$o.LlInputNumber;
|
|
149
150
|
exports.LlKeyValue = index$p.LlKeyValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -40,6 +40,46 @@ const tooltipProps = runtime.buildProps({
|
|
|
40
40
|
maxWidth: {
|
|
41
41
|
type: runtime.definePropType([Number, String]),
|
|
42
42
|
default: ""
|
|
43
|
+
},
|
|
44
|
+
/**
|
|
45
|
+
* @description 提示框里的文字是否超出显示...
|
|
46
|
+
*/
|
|
47
|
+
tipEllipsis: {
|
|
48
|
+
type: Boolean,
|
|
49
|
+
default: false
|
|
50
|
+
},
|
|
51
|
+
/**
|
|
52
|
+
* @description 提示框里的文字是否超出几行显示...
|
|
53
|
+
*/
|
|
54
|
+
tipEllipsisLine: {
|
|
55
|
+
type: Number,
|
|
56
|
+
default: 1
|
|
57
|
+
},
|
|
58
|
+
/**
|
|
59
|
+
* @description 卡片类名
|
|
60
|
+
*/
|
|
61
|
+
overlayClassName: {
|
|
62
|
+
type: String
|
|
63
|
+
},
|
|
64
|
+
/**
|
|
65
|
+
* @description 卡片样式
|
|
66
|
+
*/
|
|
67
|
+
overlayStyle: {
|
|
68
|
+
type: Object
|
|
69
|
+
},
|
|
70
|
+
/**
|
|
71
|
+
* @description 文字是否超出显示...
|
|
72
|
+
*/
|
|
73
|
+
ellipsis: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: false
|
|
76
|
+
},
|
|
77
|
+
/**
|
|
78
|
+
* @description 文字的宽度,超出这个文字显示...
|
|
79
|
+
*/
|
|
80
|
+
width: {
|
|
81
|
+
type: runtime.definePropType([Number, String]),
|
|
82
|
+
default: ""
|
|
43
83
|
}
|
|
44
84
|
});
|
|
45
85
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Tooltip from './tooltip.vue'\n\n// 弹窗定位的位置\nexport const placement = [\n 'top',\n 'left',\n 'right',\n 'bottom',\n 'topLeft',\n 'topRight',\n 'bottomLeft',\n 'bottomRight',\n 'leftTop',\n 'leftBottom',\n 'rightTop',\n 'rightBottom'\n] as const\nexport const tooltipProps = buildProps({\n /**\n * @description 提示语\n */\n tip: {\n type: String,\n default: '提示'\n },\n /**\n * @description 气泡框位置\n */\n placement: {\n type: String,\n values: placement,\n default: 'top'\n },\n /**\n * @description 容器的宽度\n */\n maxWidth: {\n type: definePropType<number | string>([Number, String]),\n default: ''\n }\n} as const)\n\n// props\nexport type TooltipProps = ExtractPropTypes<typeof tooltipProps> // ExtractPropTypes和defineCpmponent类似\nexport type PlacementType = TooltipProps['placement']\n\n// instance\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,SAAY,GAAA;AAAA,EACvB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AACF,EAAA;AACO,MAAM,eAAeA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIrC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,sBAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACtD,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;;"}
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Tooltip from './tooltip.vue'\n\n// 弹窗定位的位置\nexport const placement = [\n 'top',\n 'left',\n 'right',\n 'bottom',\n 'topLeft',\n 'topRight',\n 'bottomLeft',\n 'bottomRight',\n 'leftTop',\n 'leftBottom',\n 'rightTop',\n 'rightBottom'\n] as const\nexport const tooltipProps = buildProps({\n /**\n * @description 提示语\n */\n tip: {\n type: String,\n default: '提示'\n },\n /**\n * @description 气泡框位置\n */\n placement: {\n type: String,\n values: placement,\n default: 'top'\n },\n /**\n * @description 容器的宽度\n */\n maxWidth: {\n type: definePropType<number | string>([Number, String]),\n default: ''\n },\n /**\n * @description 提示框里的文字是否超出显示...\n */\n tipEllipsis: {\n type: Boolean,\n default: false\n },\n /**\n * @description 提示框里的文字是否超出几行显示...\n */\n tipEllipsisLine: {\n type: Number,\n default: 1\n },\n /**\n * @description 卡片类名\n */\n overlayClassName: {\n type: String\n },\n /**\n * @description 卡片样式\n */\n overlayStyle: {\n type: Object\n },\n /**\n * @description 文字是否超出显示...\n */\n ellipsis: {\n type: Boolean,\n default: false\n },\n /**\n * @description 文字的宽度,超出这个文字显示...\n */\n width: {\n type: definePropType<number | string>([Number, String]),\n default: ''\n }\n} as const)\n\n// props\nexport type TooltipProps = ExtractPropTypes<typeof tooltipProps> // ExtractPropTypes和defineCpmponent类似\nexport type PlacementType = TooltipProps['placement']\n\n// instance\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,SAAY,GAAA;AAAA,EACvB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AACF,EAAA;AACO,MAAM,eAAeA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIrC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,sBAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACtD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAAA,sBAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACtD,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;;"}
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var vue = require('vue');
|
|
6
6
|
require('../../../utils/index.js');
|
|
7
7
|
var tooltip = require('./tooltip.js');
|
|
8
|
-
var addUnit = require('../../../utils/add-unit.js');
|
|
9
8
|
var createNamespace = require('../../../utils/create-namespace.js');
|
|
9
|
+
var addUnit = require('../../../utils/add-unit.js');
|
|
10
10
|
|
|
11
11
|
"use strict";
|
|
12
12
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -16,15 +16,37 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
16
16
|
setup(__props) {
|
|
17
17
|
const props = __props;
|
|
18
18
|
const attrs = vue.useAttrs();
|
|
19
|
-
const maxWidth = vue.computed(() => addUnit.addUnit(props.maxWidth));
|
|
20
19
|
const bem = createNamespace.createNamespace("tooltip");
|
|
20
|
+
const bemContainer = createNamespace.createNamespace("container-tooltip");
|
|
21
|
+
const getContainerClass = vue.computed(() => {
|
|
22
|
+
const ellipsisClass = props.ellipsis ? bemContainer.m("ellipsis") : "";
|
|
23
|
+
return `${bemContainer.b()} ${ellipsisClass}`;
|
|
24
|
+
});
|
|
25
|
+
const getContainerStyle = vue.computed(() => {
|
|
26
|
+
const width = addUnit.addUnit(props.width);
|
|
27
|
+
return {
|
|
28
|
+
width: width ? width : ""
|
|
29
|
+
};
|
|
30
|
+
});
|
|
31
|
+
const getOverlayClass = vue.computed(() => {
|
|
32
|
+
const ellipsisClass = props.tipEllipsis ? bem.m("ellipsis") : "";
|
|
33
|
+
return `${bem.b()} ${ellipsisClass} ${props.overlayClassName}`;
|
|
34
|
+
});
|
|
35
|
+
const getOverlayStyle = vue.computed(() => {
|
|
36
|
+
const maxWidth = addUnit.addUnit(props.maxWidth);
|
|
37
|
+
return {
|
|
38
|
+
WebkitLineClamp: props.tipEllipsis ? props.tipEllipsisLine : "none",
|
|
39
|
+
"max-width": maxWidth,
|
|
40
|
+
...props.overlayStyle
|
|
41
|
+
};
|
|
42
|
+
});
|
|
21
43
|
return (_ctx, _cache) => {
|
|
22
44
|
const _component_ll_icon = vue.resolveComponent("ll-icon");
|
|
23
45
|
const _component_a_tooltip = vue.resolveComponent("a-tooltip");
|
|
24
46
|
return vue.openBlock(), vue.createBlock(_component_a_tooltip, vue.mergeProps(vue.unref(attrs), {
|
|
25
47
|
placement: _ctx.placement,
|
|
26
|
-
"overlay-style":
|
|
27
|
-
class:
|
|
48
|
+
"overlay-style": getOverlayStyle.value,
|
|
49
|
+
"overlay-class-name": getOverlayClass.value
|
|
28
50
|
}), {
|
|
29
51
|
title: vue.withCtx(() => [
|
|
30
52
|
vue.createElementVNode(
|
|
@@ -36,13 +58,24 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
36
58
|
)
|
|
37
59
|
]),
|
|
38
60
|
default: vue.withCtx(() => [
|
|
39
|
-
vue.
|
|
40
|
-
|
|
41
|
-
|
|
61
|
+
vue.createElementVNode(
|
|
62
|
+
"div",
|
|
63
|
+
{
|
|
64
|
+
class: vue.normalizeClass(getContainerClass.value),
|
|
65
|
+
style: vue.normalizeStyle(getContainerStyle.value)
|
|
66
|
+
},
|
|
67
|
+
[
|
|
68
|
+
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
69
|
+
vue.createVNode(_component_ll_icon, { "icon-name": "icon-question" })
|
|
70
|
+
])
|
|
71
|
+
],
|
|
72
|
+
6
|
|
73
|
+
/* CLASS, STYLE */
|
|
74
|
+
)
|
|
42
75
|
]),
|
|
43
76
|
_: 3
|
|
44
77
|
/* FORWARDED */
|
|
45
|
-
}, 16, ["placement", "overlay-style", "class"]);
|
|
78
|
+
}, 16, ["placement", "overlay-style", "overlay-class-name"]);
|
|
46
79
|
};
|
|
47
80
|
}
|
|
48
81
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.vue2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <a-tooltip\n v-bind=\"attrs\"\n :placement=\"placement\"\n :overlay-style=\"
|
|
1
|
+
{"version":3,"file":"tooltip.vue2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <a-tooltip\n v-bind=\"attrs\"\n :placement=\"placement\"\n :overlay-style=\"getOverlayStyle\"\n :overlay-class-name=\"getOverlayClass\"\n >\n <!-- title插槽 -->\n <template #title>\n <span>{{ tip }}</span>\n </template>\n <!-- 默认插槽 -->\n <div :class=\"getContainerClass\" :style=\"getContainerStyle\">\n <slot>\n <ll-icon icon-name=\"icon-question\" />\n </slot>\n </div>\n </a-tooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { addUnit, createNamespace } from '@ll-plus/utils'\n\nimport { tooltipProps } from './tooltip'\nimport { computed } from 'vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTooltip' })\n\n// 2.props\nconst props = defineProps(tooltipProps)\nconst attrs = useAttrs()\n\n// 3.computes/const\nconst bem = createNamespace('tooltip')\nconst bemContainer = createNamespace('container-tooltip')\n// 根据ellipsis设置设置插槽容器的文字超出样式\nconst getContainerClass = computed(() => {\n const ellipsisClass = props.ellipsis ? bemContainer.m('ellipsis') : ''\n return `${bemContainer.b()} ${ellipsisClass}`\n})\n// 设置插槽容器的宽度\nconst getContainerStyle = computed(() => {\n const width = addUnit(props.width)\n return {\n width: width ? width : ''\n }\n})\n// 根据ellipsis/width设置设置tip弹窗的类名\nconst getOverlayClass = computed(() => {\n const ellipsisClass = props.tipEllipsis ? bem.m('ellipsis') : ''\n return `${bem.b()} ${ellipsisClass} ${props.overlayClassName}`\n})\n// 根据ellipsis/width设置设置tip弹窗的样式\nconst getOverlayStyle = computed(() => {\n const maxWidth = addUnit(props.maxWidth)\n return {\n WebkitLineClamp: props.tipEllipsis ? props.tipEllipsisLine : 'none',\n 'max-width': maxWidth,\n ...props.overlayStyle\n }\n})\n</script>\n"],"names":["useAttrs","createNamespace","computed","addUnit"],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAGvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,YAAA,GAAeA,gCAAgB,mBAAmB,CAAA,CAAA;AAExD,IAAM,MAAA,iBAAA,GAAoBC,aAAS,MAAM;AACvC,MAAA,MAAM,gBAAgB,KAAM,CAAA,QAAA,GAAW,YAAa,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AACpE,MAAA,OAAO,CAAG,EAAA,YAAA,CAAa,CAAE,EAAC,IAAI,aAAa,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoBA,aAAS,MAAM;AACvC,MAAM,MAAA,KAAA,GAAQC,eAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACjC,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,QAAQ,KAAQ,GAAA,EAAA;AAAA,OACzB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,eAAA,GAAkBD,aAAS,MAAM;AACrC,MAAA,MAAM,gBAAgB,KAAM,CAAA,WAAA,GAAc,GAAI,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AAC9D,MAAO,OAAA,CAAA,EAAG,IAAI,CAAE,EAAC,IAAI,aAAa,CAAA,CAAA,EAAI,MAAM,gBAAgB,CAAA,CAAA,CAAA;AAAA,KAC7D,CAAA,CAAA;AAED,IAAM,MAAA,eAAA,GAAkBA,aAAS,MAAM;AACrC,MAAM,MAAA,QAAA,GAAWC,eAAQ,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACvC,MAAO,OAAA;AAAA,QACL,eAAiB,EAAA,KAAA,CAAM,WAAc,GAAA,KAAA,CAAM,eAAkB,GAAA,MAAA;AAAA,QAC7D,WAAa,EAAA,QAAA;AAAA,QACb,GAAG,KAAM,CAAA,YAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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, {
|
|
31
31
|
__epPropKey: true;
|
|
32
|
-
}
|
|
32
|
+
} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ll-image--border{border:1px solid var(--color-border)}
|