npm - element-ps - Versions diffs - 1.0.8 → 1.0.9 - Mend

element-ps 1.0.8 → 1.0.9

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.

Files changed (326) hide show

package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js CHANGED Viewed

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = ["widget"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = ["widget"];
+const _hoisted_1 = { class: "el-overlay-drawer" };
+const _hoisted_2 = ["aria-label", "widget"];
+const _hoisted_3 = ["widget"];
+const _hoisted_4 = ["title"];
+const _hoisted_5 = ["aria-label"];
+const _hoisted_6 = ["widget"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = vue.resolveComponent("close");
   const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -23,51 +24,54 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "z-index": _ctx.zIndex
     }, {
       default: vue.withCtx(() => [
-        vue.createElementVNode("div", {
-          ref: "drawerRef",
-          "aria-modal": "true",
-          "aria-labelledby": "el-drawer__title",
-          "aria-label": _ctx.title,
-          class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-          style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-          role: "dialog",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
-            key: 0,
-            id: "el-drawer__title",
-            class: "el-drawer__header",
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            ref: "drawerRef",
+            "aria-modal": "true",
+            "aria-labelledby": "el-drawer__title",
+            "aria-label": _ctx.title,
+            class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+            style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+            role: "dialog",
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["stop"])),
             widget: _ctx.widget
           }, [
-            vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createElementVNode("span", {
-                role: "heading",
-                title: _ctx.title
-              }, vue.toDisplayString(_ctx.title), 9, _hoisted_3)
-            ]),
-            _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+            _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
               key: 0,
-              "aria-label": "close " + (_ctx.title || "drawer"),
-              class: "el-drawer__close-btn",
-              type: "button"
+              id: "el-drawer__title",
+              class: "el-drawer__header",
+              widget: `drawer:title:${_ctx.widget.split(":")}`
             }, [
-              vue.createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_close)
-                ]),
-                _: 1
-              })
-            ], 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)
-          ], 8, _hoisted_2)) : vue.createCommentVNode("v-if", true),
-          _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
-            key: 1,
-            class: "el-drawer__body",
-            widget: _ctx.widget
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 8, _hoisted_5)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1)
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createElementVNode("span", {
+                  role: "heading",
+                  title: _ctx.title
+                }, vue.toDisplayString(_ctx.title), 9, _hoisted_4)
+              ]),
+              _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 0,
+                "aria-label": "close " + (_ctx.title || "drawer"),
+                class: "el-drawer__close-btn",
+                type: "button"
+              }, [
+                vue.createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_close)
+                  ]),
+                  _: 1
+                })
+              ], 8, _hoisted_5)) : vue.createCommentVNode("v-if", true)
+            ], 8, _hoisted_3)) : vue.createCommentVNode("v-if", true),
+            _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
+              key: 1,
+              class: "el-drawer__body",
+              widget: `drawer:default:${_ctx.widget.split(":")}`
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 8, _hoisted_6)) : vue.createCommentVNode("v-if", true)
+          ], 14, _hoisted_2)
+        ])
       ]),
       _: 3
     }, 8, ["mask", "overlay-class", "z-index"]), [

package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"(modalClass \|\| '') + (widget ? ` ps--drawer-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n aria-labelledby=\"el-drawer__title\"\n :aria-label=\"title\"\n :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <header\n v-if=\"withHeader\"\n id=\"el-drawer__title\"\n class=\"el-drawer__header\"\n :widget=\"widget\"\n >\n <slot name=\"title\">\n <span role=\"heading\" :title=\"title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"'close ' + (title \|\| 'drawer')\"\n class=\"el-drawer__close-btn\"\n type=\"button\"\n >\n <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <section class=\"el-drawer__body\" :widget=\"widget\">\n <slot></slot>\n </section>\n </template>\n </div>\n </ps-overlay>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n useDialog,\n dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' \| 'rtl' \| 'ttb' \| 'btt'\n\nexport default defineComponent({\n name: 'PsDrawer',\n components: {\n PsOverlay,\n PsIcon,\n Close,\n },\n props: {\n ...dialogProps,\n direction: {\n type: String as PropType<DrawerDirection>,\n default: 'rtl',\n validator: (val: DrawerDirection) => {\n return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n },\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n widget: {\n type: String,\n },\n },\n\n setup(props, ctx) {\n const drawerRef = ref<HTMLElement>(null)\n return {\n ...useDialog(props, ctx as SetupContext, drawerRef),\n drawerRef,\n isHorizontal: computed(\n () => props.direction === 'rtl' \|\| props.direction === 'ltr',\n ),\n drawerSize: computed(() =>\n typeof props.size === 'number' ? `${props.size}px` : props.size,\n ),\n }\n },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":"~~;;;;;;;;;;;;;;;0BACEA~~;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEG,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC;~~UACE~~,KAAI;AAAA,~~UACJ~~,cAAW;AAAA,~~UACX~~,mBAAgB;AAAA,~~UACf~~,cAAY;~~UACZ~~,wCAAqB,gBAAW,wBAAmB;~~UACnD~~;~~UAGD~~,MAAK;AAAA,~~UACJ~~,qDAAD~~;;;UAGQ~~,oCADRC;;~~YAEE~~,IAAG;AAAA,~~YACH~~,OAAM;AAAA,~~YACL~~,~~QAAQ~~;;~~YAETC~~,yCAAA;~~cACIF~~;~~gBAAM~~,MAAK;AAAA,~~gBAAW~~,OAAO;~~qCACxB~~;;~~YAID~~,mCADRC;;~~cAEG~~;~~cACD~~,OAAM;AAAA,~~cACN~~,MAAK;AAAA;~~cAELF~~,sCAAS,OAAM;~~qCAAmB~~;~~kBAAAA~~,gBAAS;AAAA;AAAA;;;;~~UAG~~/B,kCACdE;;~~YAAS~~,OAAM;AAAA,~~YAAmB~~,~~QAAQ~~;;~~YACxCC;;;;;;kBAvCE~~;;;;;;;"}
1	+ {"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"(modalClass \|\| '') + (widget ? ` ps--drawer-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div class=\"el-overlay-drawer\">\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n aria-labelledby=\"el-drawer__title\"\n :aria-label=\"title\"\n :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n :widget=\"widget\"\n >\n <header\n v-if=\"withHeader\"\n id=\"el-drawer__title\"\n class=\"el-drawer__header\"\n :widget=\"`drawer:title:${widget.split(':')}`\"\n >\n <slot name=\"title\">\n <span role=\"heading\" :title=\"title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"'close ' + (title \|\| 'drawer')\"\n class=\"el-drawer__close-btn\"\n type=\"button\"\n >\n <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <section class=\"el-drawer__body\" :widget=\"`drawer:default:${widget.split(':')}`\">\n <slot></slot>\n </section>\n </template>\n </div>\n </div>\n </ps-overlay>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n useDialog,\n dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' \| 'rtl' \| 'ttb' \| 'btt'\n\nexport default defineComponent({\n name: 'PsDrawer',\n components: {\n PsOverlay,\n PsIcon,\n Close,\n },\n props: {\n ...dialogProps,\n direction: {\n type: String as PropType<DrawerDirection>,\n default: 'rtl',\n validator: (val: DrawerDirection) => {\n return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n },\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n widget: {\n type: String,\n },\n },\n\n setup(props, ctx) {\n const drawerRef = ref<HTMLElement>(null)\n return {\n ...useDialog(props, ctx as SetupContext, drawerRef),\n drawerRef,\n isHorizontal: computed(\n () => props.direction === 'rtl' \|\| props.direction === 'ltr',\n ),\n drawerSize: computed(() =>\n typeof props.size === 'number' ? `${props.size}px` : props.size,\n ),\n }\n },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;qBAQW,OAAM;;;;;;;;;;0BAPfA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEG,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC,8BAAA;UACEA;YACE,KAAI;AAAA,YACJ,cAAW;AAAA,YACX,mBAAgB;AAAA,YACf,cAAY;YACZ,wCAAqB,gBAAW,wBAAmB;YACnD;YAGD,MAAK;AAAA,YACJ,qDAAD;;YACC,QAAQ;;YAGD,oCADRC;;cAEE,IAAG;AAAA,cACH,OAAM;AAAA,cACL,wBAAwB,YAAO;;cAEhCC,yCAAA;gBACEF;kBAAM,MAAK;AAAA,kBAAW,OAAO;uCACxB;;cAIC,mCADRC;;gBAEG;gBACD,OAAM;AAAA,gBACN,MAAK;AAAA;gBAELF,sCAAS,OAAM;uCAAmB;oBAAAA,gBAAS;AAAA;AAAA;;;;YAG/B,kCACdE;;cAAS,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cACjEC;;;;;;;kBAzCA;;;;;;;"}

package/lib/packages/components/empty/index.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var withInstall = require('../../utils/with-install.js');
-require('./src/empty.js');
-var empty = require('./src/empty2.js');
+require('./src/empty2.js');
+var empty = require('./src/empty.js');
 var empty_vue_vue_type_script_lang = require('./src/empty.vue_vue&type=script&lang.js');
 const PsEmpty = withInstall.withInstall(empty_vue_vue_type_script_lang["default"]);

package/lib/packages/components/empty/src/empty.js CHANGED Viewed

@@ -2,11 +2,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var empty_vue_vue_type_script_lang = require('./empty.vue_vue&type=script&lang.js');
-var empty_vue_vue_type_template_id_10d211eb_lang = require('./empty.vue_vue&type=template&id=10d211eb&lang.js');
+const emptyProps = {
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
+  }
+};
-empty_vue_vue_type_script_lang["default"].render = empty_vue_vue_type_template_id_10d211eb_lang.render;
-empty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/empty.vue";
-exports["default"] = empty_vue_vue_type_script_lang["default"];
+exports.emptyProps = emptyProps;
 //# sourceMappingURL=empty.js.map

package/lib/packages/components/empty/src/empty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"empty.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"empty.js","sources":["../../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n image: {\n type: String,\n default: '',\n },\n imageSize: Number,\n description: {\n type: String,\n default: '',\n },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;;;MAEa,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,EACX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/empty/src/empty.vue_vue&type=script&lang.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../../hooks/index.js');
 require('./img-empty.js');
-var empty = require('./empty2.js');
+var empty = require('./empty.js');
 var imgEmpty_vue_vue_type_script_lang = require('./img-empty.vue_vue&type=script&lang.js');
 var index = require('../../../hooks/use-locale/index.js');

package/lib/packages/components/empty/src/empty2.js CHANGED Viewed

@@ -2,17 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const emptyProps = {
-  image: {
-    type: String,
-    default: ""
-  },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
-  }
-};
+var empty_vue_vue_type_script_lang = require('./empty.vue_vue&type=script&lang.js');
+var empty_vue_vue_type_template_id_10d211eb_lang = require('./empty.vue_vue&type=template&id=10d211eb&lang.js');
-exports.emptyProps = emptyProps;
+empty_vue_vue_type_script_lang["default"].render = empty_vue_vue_type_template_id_10d211eb_lang.render;
+empty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/empty.vue";
+exports["default"] = empty_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=empty2.js.map

package/lib/packages/components/empty/src/empty2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"empty2.js","sources":[~~"../../../../../../../packages/components/empty/src/empty.ts"~~],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n image: {\n type: String,\n default: '',\n },\n imageSize: Number,\n description: {\n type: String,\n default: '',\n },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":"~~;;;;MAEa,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,EACX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"empty2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/icon/index.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var withInstall = require('../../utils/with-install.js');
-require('./src/icon2.js');
-var icon = require('./src/icon.js');
+require('./src/icon.js');
+var icon = require('./src/icon2.js');
 var icon_vue_vue_type_script_lang = require('./src/icon.vue_vue&type=script&lang.js');
 const PsIcon = withInstall.withInstall(icon_vue_vue_type_script_lang["default"]);

package/lib/packages/components/icon/src/icon.js CHANGED Viewed

@@ -2,16 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var props = require('../../../utils/props.js');
+var icon_vue_vue_type_script_lang = require('./icon.vue_vue&type=script&lang.js');
+var icon_vue_vue_type_template_id_89b755b6_lang = require('./icon.vue_vue&type=template&id=89b755b6&lang.js');
-const iconProps = props.buildProps({
-  size: {
-    type: props.definePropType([Number, String])
-  },
-  color: {
-    type: String
-  }
-});
+icon_vue_vue_type_script_lang["default"].render = icon_vue_vue_type_template_id_89b755b6_lang.render;
+icon_vue_vue_type_script_lang["default"].__file = "packages/components/icon/src/icon.vue";
-exports.iconProps = iconProps;
+exports["default"] = icon_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=icon.js.map

package/lib/packages/components/icon/src/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sources":[~~"../../../../../../../packages/components/icon/src/icon.ts"~~],"sourcesContent":["import { definePropType, buildProps } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = buildProps({\n size: {\n type: definePropType<number \| string>([Number, String]~~),\n },\n color: {\n type: String,\n },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"]~~,"names":[~~"buildProps","definePropType"~~],"mappings":"~~;;;;;;MAGa,YAAYA,iBAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAMC,qBAAgC,CAAC,QAAQ;AAAA;AAAA,EAEjD,OAAO;AAAA,IACL,MAAM;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/icon/src/icon.vue_vue&type=script&lang.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var util = require('../../../utils/util.js');
-var icon = require('./icon.js');
+var icon = require('./icon2.js');
 var shared = require('@vue/shared');
 var script = vue.defineComponent({

package/lib/packages/components/icon/src/icon2.js CHANGED Viewed

@@ -2,11 +2,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var icon_vue_vue_type_script_lang = require('./icon.vue_vue&type=script&lang.js');
-var icon_vue_vue_type_template_id_89b755b6_lang = require('./icon.vue_vue&type=template&id=89b755b6&lang.js');
+var props = require('../../../utils/props.js');
-icon_vue_vue_type_script_lang["default"].render = icon_vue_vue_type_template_id_89b755b6_lang.render;
-icon_vue_vue_type_script_lang["default"].__file = "packages/components/icon/src/icon.vue";
+const iconProps = props.buildProps({
+  size: {
+    type: props.definePropType([Number, String])
+  },
+  color: {
+    type: String
+  }
+});
-exports["default"] = icon_vue_vue_type_script_lang["default"];
+exports.iconProps = iconProps;
 //# sourceMappingURL=icon2.js.map

package/lib/packages/components/icon/src/icon2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"icon2.js","sources":["../../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { definePropType, buildProps } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = buildProps({\n size: {\n type: definePropType<number \| string>([Number, String]),\n },\n color: {\n type: String,\n },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAGa,YAAYA,iBAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAMC,qBAAgC,CAAC,QAAQ;AAAA;AAAA,EAEjD,OAAO;AAAA,IACL,MAAM;AAAA;AAAA;;;;"}

package/lib/packages/components/index.js CHANGED Viewed

@@ -72,7 +72,7 @@ var index$12 = require('./loading/index.js');
 var index$13 = require('./popover/index.js');
 var affix = require('./affix/src/affix.js');
 var alert = require('./alert/src/alert.js');
-var avatar = require('./avatar/src/avatar2.js');
+var avatar = require('./avatar/src/avatar.js');
 var backtop = require('./backtop/src/backtop.js');
 var badge = require('./badge/src/badge.js');
 var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
@@ -85,9 +85,9 @@ var col = require('./col/src/col.js');
 var configProvider = require('./config-provider/src/config-provider.js');
 var useDialog = require('./dialog/src/use-dialog.js');
 var dialog = require('./dialog/src/dialog.js');
-var divider = require('./divider/src/divider.js');
-var empty = require('./empty/src/empty2.js');
-var icon = require('./icon/src/icon.js');
+var divider = require('./divider/src/divider2.js');
+var empty = require('./empty/src/empty.js');
+var icon = require('./icon/src/icon2.js');
 var image = require('./image/src/image.js');
 var imageViewer = require('./image-viewer/src/image-viewer.js');
 var input = require('./input/src/input.js');
@@ -111,7 +111,7 @@ var token = require('./select/src/token.js');
 var token$1 = require('./select-v2/src/token.js');
 var space = require('./space/src/space.js');
 var useSpace = require('./space/src/use-space.js');
-var tag = require('./tag/src/tag.js');
+var tag = require('./tag/src/tag2.js');
 var dateUtils = require('./time-picker/src/common/date-utils.js');
 var constant = require('./time-picker/src/common/constant.js');
 var props = require('./time-picker/src/common/props.js');

package/lib/packages/components/table/src/table-body/render-helper.js CHANGED Viewed

@@ -99,7 +99,7 @@ function useRender(props) {
         colspan,
         onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
         onMouseleave: handleCellMouseLeave,
-        widget: column.widget
+        widget: `table-column:default:${column.widget.split(":")[1]}`
       }, [column.renderCell(data)]);
     }));
   };

package/lib/packages/components/table/src/table-body/render-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"render-helper.js","sources":["../../../../../../../../packages/components/table/src/table-body/render-helper.ts"],"sourcesContent":["import { h, getCurrentInstance, computed } from 'vue'\nimport { getRowIdentity } from '../util'\nimport useEvents from './events-helper'\nimport useStyles from './styles-helper'\n\nimport type { TableBodyProps } from './defaults'\nimport type {\n RenderRowData,\n Table,\n TreeNode,\n TableProps,\n} from '../table/defaults'\n\nfunction useRender<T>(props: Partial<TableBodyProps<T>>) {\n const instance = getCurrentInstance()\n const parent = instance.parent as Table<T>\n const {\n handleDoubleClick,\n handleClick,\n handleContextMenu,\n handleMouseEnter,\n handleMouseLeave,\n handleCellMouseEnter,\n handleCellMouseLeave,\n tooltipContent,\n tooltipTrigger,\n } = useEvents(props)\n const {\n getRowStyle,\n getRowClass,\n getCellStyle,\n getCellClass,\n getSpan,\n getColspanRealWidth,\n } = useStyles(props)\n const firstDefaultColumnIndex = computed(() => {\n return props.store.states.columns.value.findIndex(\n ({ type }) => type === 'default'\n )\n })\n const getKeyOfRow = (row: T, index: number) => {\n const rowKey = (parent.props as Partial<TableProps<T>>).rowKey\n if (rowKey) {\n return getRowIdentity(row, rowKey)\n }\n return index\n }\n const rowRender = (row: T, $index: number, treeRowData?: TreeNode) => {\n const { tooltipEffect, store } = props\n const { indent, columns } = store.states\n const rowClasses = getRowClass(row, $index)\n let display = true\n if (treeRowData) {\n rowClasses.push(`el-table__row--level-${treeRowData.level}`)\n display = treeRowData.display\n }\n const displayStyle = display\n ? null\n : {\n display: 'none',\n }\n return h(\n 'tr',\n {\n style: [displayStyle, getRowStyle(row, $index)],\n class: rowClasses,\n key: getKeyOfRow(row, $index),\n onDblclick: ($event) => handleDoubleClick($event, row),\n onClick: ($event) => handleClick($event, row),\n onContextmenu: ($event) => handleContextMenu($event, row),\n onMouseenter: () => handleMouseEnter($index),\n onMouseleave: handleMouseLeave,\n },\n columns.value.map((column, cellIndex) => {\n const { rowspan, colspan } = getSpan(row, column, $index, cellIndex)\n if (!rowspan \|\| !colspan) {\n return null\n }\n const columnData = { ...column }\n columnData.realWidth = getColspanRealWidth(\n columns.value,\n colspan,\n cellIndex\n )\n const data: RenderRowData<T> = {\n store: props.store,\n _self: props.context \|\| parent,\n column: columnData,\n row,\n $index,\n }\n if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {\n data.treeNode = {\n indent: treeRowData.level * indent.value,\n level: treeRowData.level,\n }\n if (typeof treeRowData.expanded === 'boolean') {\n data.treeNode.expanded = treeRowData.expanded\n // 表明是懒加载\n if ('loading' in treeRowData) {\n data.treeNode.loading = treeRowData.loading\n }\n if ('noLazyChildren' in treeRowData) {\n data.treeNode.noLazyChildren = treeRowData.noLazyChildren\n }\n }\n }\n const baseKey = `${$index},${cellIndex}`\n const patchKey = columnData.columnKey \|\| columnData.rawColumnKey \|\| ''\n return h(\n 'td',\n {\n style: getCellStyle($index, cellIndex, row, column),\n class: getCellClass($index, cellIndex, row, column),\n key: `${patchKey}${baseKey}`,\n rowspan,\n colspan,\n onMouseenter: ($event) =>\n handleCellMouseEnter($event, { ...row, tooltipEffect }),\n onMouseleave: handleCellMouseLeave,\n widget: column.widget,\n },\n [column.renderCell(data)]\n )\n })\n )\n }\n const wrappedRowRender = (row: T, $index: number) => {\n const store = props.store\n const { isRowExpanded, assertRowKey } = store\n const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } =\n store.states\n const hasExpandColumn = store.states.columns.value.some(\n ({ type }) => type === 'expand'\n )\n if (hasExpandColumn && isRowExpanded(row)) {\n const renderExpanded = parent.renderExpanded\n const tr = rowRender(row, $index, undefined)\n if (!renderExpanded) {\n console.error('[Element Error]renderExpanded is required.')\n return tr\n }\n // 使用二维数组，避免修改 $index\n // Use a two dimensional array avoid modifying $index\n return [\n [\n tr,\n h(\n 'tr',\n {\n key: `expanded-row__${tr.key as string}`,\n },\n [\n h(\n 'td',\n {\n colspan: store.states.columns.value.length,\n class: 'el-table__cell el-table__expanded-cell',\n },\n [renderExpanded({ row, $index, store })]\n ),\n ]\n ),\n ],\n ]\n } else if (Object.keys(treeData.value).length) {\n assertRowKey()\n // TreeTable 时，rowKey 必须由用户设定，不使用 getKeyOfRow 计算\n // 在调用 rowRender 函数时，仍然会计算 rowKey，不太好的操作\n const key = getRowIdentity(row, rowKey.value)\n let cur = treeData.value[key]\n let treeRowData = null\n if (cur) {\n treeRowData = {\n expanded: cur.expanded,\n level: cur.level,\n display: true,\n }\n if (typeof cur.lazy === 'boolean') {\n if (typeof cur.loaded === 'boolean' && cur.loaded) {\n treeRowData.noLazyChildren = !(cur.children && cur.children.length)\n }\n treeRowData.loading = cur.loading\n }\n }\n const tmp = [rowRender(row, $index, treeRowData)]\n // 渲染嵌套数据\n if (cur) {\n // currentRow 记录的是 index，所以还需主动增加 TreeTable 的 index\n let i = 0\n const traverse = (children, parent) => {\n if (!(children && children.length && parent)) return\n children.forEach((node) => {\n // 父节点的 display 状态影响子节点的显示状态\n const innerTreeRowData = {\n display: parent.display && parent.expanded,\n level: parent.level + 1,\n expanded: false,\n noLazyChildren: false,\n loading: false,\n }\n const childKey = getRowIdentity(node, rowKey.value)\n if (childKey === undefined \|\| childKey === null) {\n throw new Error('For nested data item, row-key is required.')\n }\n cur = { ...treeData.value[childKey] }\n // 对于当前节点，分成有无子节点两种情况。\n // 如果包含子节点的，设置 expanded 属性。\n // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。\n if (cur) {\n innerTreeRowData.expanded = cur.expanded\n // 懒加载的某些节点，level 未知\n cur.level = cur.level \|\| innerTreeRowData.level\n cur.display = !!(cur.expanded && innerTreeRowData.display)\n if (typeof cur.lazy === 'boolean') {\n if (typeof cur.loaded === 'boolean' && cur.loaded) {\n innerTreeRowData.noLazyChildren = !(\n cur.children && cur.children.length\n )\n }\n innerTreeRowData.loading = cur.loading\n }\n }\n i++\n tmp.push(rowRender(node, $index + i, innerTreeRowData))\n if (cur) {\n const nodes =\n lazyTreeNodeMap.value[childKey] \|\|\n node[childrenColumnName.value]\n traverse(nodes, cur)\n }\n })\n }\n // 对于 root 节点，display 一定为 true\n cur.display = true\n const nodes =\n lazyTreeNodeMap.value[key] \|\| row[childrenColumnName.value]\n traverse(nodes, cur)\n }\n return tmp\n } else {\n return rowRender(row, $index, undefined)\n }\n }\n\n return {\n wrappedRowRender,\n tooltipContent,\n tooltipTrigger,\n }\n}\n\nexport default useRender\n"],"names":["getCurrentInstance","useEvents","useStyles","computed","getRowIdentity","h"],"mappings":"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"}
1	+ {"version":3,"file":"render-helper.js","sources":["../../../../../../../../packages/components/table/src/table-body/render-helper.ts"],"sourcesContent":["import { h, getCurrentInstance, computed } from 'vue'\nimport { getRowIdentity } from '../util'\nimport useEvents from './events-helper'\nimport useStyles from './styles-helper'\n\nimport type { TableBodyProps } from './defaults'\nimport type {\n RenderRowData,\n Table,\n TreeNode,\n TableProps,\n} from '../table/defaults'\n\nfunction useRender<T>(props: Partial<TableBodyProps<T>>) {\n const instance = getCurrentInstance()\n const parent = instance.parent as Table<T>\n const {\n handleDoubleClick,\n handleClick,\n handleContextMenu,\n handleMouseEnter,\n handleMouseLeave,\n handleCellMouseEnter,\n handleCellMouseLeave,\n tooltipContent,\n tooltipTrigger,\n } = useEvents(props)\n const {\n getRowStyle,\n getRowClass,\n getCellStyle,\n getCellClass,\n getSpan,\n getColspanRealWidth,\n } = useStyles(props)\n const firstDefaultColumnIndex = computed(() => {\n return props.store.states.columns.value.findIndex(\n ({ type }) => type === 'default'\n )\n })\n const getKeyOfRow = (row: T, index: number) => {\n const rowKey = (parent.props as Partial<TableProps<T>>).rowKey\n if (rowKey) {\n return getRowIdentity(row, rowKey)\n }\n return index\n }\n const rowRender = (row: T, $index: number, treeRowData?: TreeNode) => {\n const { tooltipEffect, store } = props\n const { indent, columns } = store.states\n const rowClasses = getRowClass(row, $index)\n let display = true\n if (treeRowData) {\n rowClasses.push(`el-table__row--level-${treeRowData.level}`)\n display = treeRowData.display\n }\n const displayStyle = display\n ? null\n : {\n display: 'none',\n }\n return h(\n 'tr',\n {\n style: [displayStyle, getRowStyle(row, $index)],\n class: rowClasses,\n key: getKeyOfRow(row, $index),\n onDblclick: ($event) => handleDoubleClick($event, row),\n onClick: ($event) => handleClick($event, row),\n onContextmenu: ($event) => handleContextMenu($event, row),\n onMouseenter: () => handleMouseEnter($index),\n onMouseleave: handleMouseLeave,\n },\n columns.value.map((column, cellIndex) => {\n const { rowspan, colspan } = getSpan(row, column, $index, cellIndex)\n if (!rowspan \|\| !colspan) {\n return null\n }\n const columnData = { ...column }\n columnData.realWidth = getColspanRealWidth(\n columns.value,\n colspan,\n cellIndex\n )\n const data: RenderRowData<T> = {\n store: props.store,\n _self: props.context \|\| parent,\n column: columnData,\n row,\n $index,\n }\n if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {\n data.treeNode = {\n indent: treeRowData.level * indent.value,\n level: treeRowData.level,\n }\n if (typeof treeRowData.expanded === 'boolean') {\n data.treeNode.expanded = treeRowData.expanded\n // 表明是懒加载\n if ('loading' in treeRowData) {\n data.treeNode.loading = treeRowData.loading\n }\n if ('noLazyChildren' in treeRowData) {\n data.treeNode.noLazyChildren = treeRowData.noLazyChildren\n }\n }\n }\n const baseKey = `${$index},${cellIndex}`\n const patchKey = columnData.columnKey \|\| columnData.rawColumnKey \|\| ''\n return h(\n 'td',\n {\n style: getCellStyle($index, cellIndex, row, column),\n class: getCellClass($index, cellIndex, row, column),\n key: `${patchKey}${baseKey}`,\n rowspan,\n colspan,\n onMouseenter: ($event) =>\n handleCellMouseEnter($event, { ...row, tooltipEffect }),\n onMouseleave: handleCellMouseLeave,\n widget: `table-column:default:${column.widget.split(':')[1]}`,\n },\n [column.renderCell(data)]\n )\n })\n )\n }\n const wrappedRowRender = (row: T, $index: number) => {\n const store = props.store\n const { isRowExpanded, assertRowKey } = store\n const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } =\n store.states\n const hasExpandColumn = store.states.columns.value.some(\n ({ type }) => type === 'expand'\n )\n if (hasExpandColumn && isRowExpanded(row)) {\n const renderExpanded = parent.renderExpanded\n const tr = rowRender(row, $index, undefined)\n if (!renderExpanded) {\n console.error('[Element Error]renderExpanded is required.')\n return tr\n }\n // 使用二维数组，避免修改 $index\n // Use a two dimensional array avoid modifying $index\n return [\n [\n tr,\n h(\n 'tr',\n {\n key: `expanded-row__${tr.key as string}`,\n },\n [\n h(\n 'td',\n {\n colspan: store.states.columns.value.length,\n class: 'el-table__cell el-table__expanded-cell',\n },\n [renderExpanded({ row, $index, store })]\n ),\n ]\n ),\n ],\n ]\n } else if (Object.keys(treeData.value).length) {\n assertRowKey()\n // TreeTable 时，rowKey 必须由用户设定，不使用 getKeyOfRow 计算\n // 在调用 rowRender 函数时，仍然会计算 rowKey，不太好的操作\n const key = getRowIdentity(row, rowKey.value)\n let cur = treeData.value[key]\n let treeRowData = null\n if (cur) {\n treeRowData = {\n expanded: cur.expanded,\n level: cur.level,\n display: true,\n }\n if (typeof cur.lazy === 'boolean') {\n if (typeof cur.loaded === 'boolean' && cur.loaded) {\n treeRowData.noLazyChildren = !(cur.children && cur.children.length)\n }\n treeRowData.loading = cur.loading\n }\n }\n const tmp = [rowRender(row, $index, treeRowData)]\n // 渲染嵌套数据\n if (cur) {\n // currentRow 记录的是 index，所以还需主动增加 TreeTable 的 index\n let i = 0\n const traverse = (children, parent) => {\n if (!(children && children.length && parent)) return\n children.forEach((node) => {\n // 父节点的 display 状态影响子节点的显示状态\n const innerTreeRowData = {\n display: parent.display && parent.expanded,\n level: parent.level + 1,\n expanded: false,\n noLazyChildren: false,\n loading: false,\n }\n const childKey = getRowIdentity(node, rowKey.value)\n if (childKey === undefined \|\| childKey === null) {\n throw new Error('For nested data item, row-key is required.')\n }\n cur = { ...treeData.value[childKey] }\n // 对于当前节点，分成有无子节点两种情况。\n // 如果包含子节点的，设置 expanded 属性。\n // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。\n if (cur) {\n innerTreeRowData.expanded = cur.expanded\n // 懒加载的某些节点，level 未知\n cur.level = cur.level \|\| innerTreeRowData.level\n cur.display = !!(cur.expanded && innerTreeRowData.display)\n if (typeof cur.lazy === 'boolean') {\n if (typeof cur.loaded === 'boolean' && cur.loaded) {\n innerTreeRowData.noLazyChildren = !(\n cur.children && cur.children.length\n )\n }\n innerTreeRowData.loading = cur.loading\n }\n }\n i++\n tmp.push(rowRender(node, $index + i, innerTreeRowData))\n if (cur) {\n const nodes =\n lazyTreeNodeMap.value[childKey] \|\|\n node[childrenColumnName.value]\n traverse(nodes, cur)\n }\n })\n }\n // 对于 root 节点，display 一定为 true\n cur.display = true\n const nodes =\n lazyTreeNodeMap.value[key] \|\| row[childrenColumnName.value]\n traverse(nodes, cur)\n }\n return tmp\n } else {\n return rowRender(row, $index, undefined)\n }\n }\n\n return {\n wrappedRowRender,\n tooltipContent,\n tooltipTrigger,\n }\n}\n\nexport default useRender\n"],"names":["getCurrentInstance","useEvents","useStyles","computed","getRowIdentity","h"],"mappings":"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"}

package/lib/packages/components/table/src/table-header/index.js CHANGED Viewed

@@ -99,7 +99,7 @@ var TableHeader = vue.defineComponent({
         key: `${column.id}-thead`,
         rowSpan: column.rowSpan,
         style: this.getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-        widget: column.widget
+        widget: `table-column:header:${column.widget.split(":")[1]}`
       }, [
         vue.h("div", {
           class: [

package/lib/packages/components/table/src/table-header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../packages/components/table/src/table-header/index.ts"],"sourcesContent":["import {\n defineComponent,\n getCurrentInstance,\n computed,\n onMounted,\n nextTick,\n ref,\n h,\n} from 'vue'\nimport PsCheckbox from '@element-ps/components/checkbox'\nimport FilterPanel from '../filter-panel.vue'\nimport useLayoutObserver from '../layout-observer'\nimport { hColgroup } from '../h-helper'\nimport useStyle from './style.helper'\nimport useUtils from './utils-helper'\n\nimport type { ComponentInternalInstance, Ref, PropType } from 'vue'\nimport type { DefaultRow, Sort, Table } from '../table/defaults'\nimport type { Store } from '../store'\nexport interface TableHeader extends ComponentInternalInstance {\n state: {\n onColumnsChange\n onScrollableChange\n }\n filterPanels: Ref<unknown>\n}\nexport interface TableHeaderProps<T> {\n fixed: string\n store: Store<T>\n border: boolean\n defaultSort: Sort\n}\n\nexport default defineComponent({\n name: 'PsTableHeader',\n components: {\n PsCheckbox,\n },\n props: {\n fixed: {\n type: String,\n default: '',\n },\n store: {\n required: true,\n type: Object as PropType<TableHeaderProps<DefaultRow>['store']>,\n },\n border: Boolean,\n defaultSort: {\n type: Object as PropType<TableHeaderProps<DefaultRow>['defaultSort']>,\n default: () => {\n return {\n prop: '',\n order: '',\n }\n },\n },\n },\n setup(props) {\n const instance = getCurrentInstance() as TableHeader\n const parent = instance.parent as Table<unknown>\n const storeData = parent.store.states\n const filterPanels = ref({})\n const { tableLayout, onColumnsChange, onScrollableChange } =\n useLayoutObserver(parent)\n const hasGutter = computed(() => {\n return !props.fixed && tableLayout.gutterWidth\n })\n onMounted(() => {\n nextTick(() => {\n const { prop, order } = props.defaultSort\n const init = true\n parent.store.commit('sort', { prop, order, init })\n })\n })\n const {\n getHeaderRowStyle,\n getHeaderRowClass,\n getHeaderCellStyle,\n getHeaderCellClass,\n } = useStyle(props as TableHeaderProps<unknown>)\n const { isGroup, toggleAllSelection, columnRows } = useUtils(\n props as TableHeaderProps<unknown>\n )\n\n instance.state = {\n onColumnsChange,\n onScrollableChange,\n }\n // eslint-disable-next-line\n instance.filterPanels = filterPanels\n\n return {\n columns: storeData.columns,\n filterPanels,\n hasGutter,\n onColumnsChange,\n onScrollableChange,\n columnRows,\n getHeaderRowClass,\n getHeaderRowStyle,\n getHeaderCellClass,\n getHeaderCellStyle,\n isGroup,\n toggleAllSelection,\n }\n },\n render() {\n return h(\n 'table',\n {\n border: '0',\n cellpadding: '0',\n cellspacing: '0',\n class: 'el-table__header',\n },\n [\n hColgroup(this.columns, this.hasGutter),\n h(\n 'thead',\n {\n class: { 'is-group': this.isGroup, 'has-gutter': this.hasGutter },\n },\n this.columnRows.map((subColumns, rowIndex) =>\n h(\n 'tr',\n {\n class: this.getHeaderRowClass(rowIndex),\n key: rowIndex,\n style: this.getHeaderRowStyle(rowIndex),\n },\n subColumns.map((column, cellIndex) =>\n h(\n 'th',\n {\n class: this.getHeaderCellClass(\n rowIndex,\n cellIndex,\n subColumns,\n column\n ),\n colspan: column.colSpan,\n key: `${column.id}-thead`,\n rowSpan: column.rowSpan,\n style: this.getHeaderCellStyle(\n rowIndex,\n cellIndex,\n subColumns,\n column\n ),\n widget: column.widget,\n },\n [\n h(\n 'div',\n {\n class: [\n 'cell',\n column.filteredValue &&\n column.filteredValue.length > 0\n ? 'highlight'\n : '',\n column.labelClassName,\n ],\n },\n [\n column.renderHeader\n ? column.renderHeader({\n column,\n $index: cellIndex,\n store: this.store,\n _self: this.$parent,\n })\n : column.label,\n column.sortable &&\n h(\n 'span',\n {\n class: 'caret-wrapper',\n },\n [\n h('i', {\n class: 'sort-caret ascending',\n }),\n h('i', {\n class: 'sort-caret descending',\n }),\n ]\n ),\n column.filterable &&\n h(FilterPanel, {\n store: this.$parent.store,\n placement: column.filterPlacement \|\| 'bottom-start',\n column,\n upDataColumn: (key, value) => {\n column[key] = value\n },\n }),\n ]\n ),\n ]\n )\n )\n )\n )\n ),\n ]\n )\n },\n})\n"],"names":["defineComponent","PsCheckbox","getCurrentInstance","ref","useLayoutObserver","computed","useStyle","useUtils","h","hColgroup","FilterPanel"],"mappings":";;;;;;;;;;;;;AAiCA,kBAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVC;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,UAAU;AAAA,MACV,MAAM;AAAA;AAAA,IAER,QAAQ;AAAA,IACR,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM;AACb,eAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKf,MAAM,OAAO;AACX,UAAM,WAAWC;AACjB,UAAM,SAAS,SAAS;AACxB,UAAM,YAAY,OAAO,MAAM;AAC/B,UAAM,eAAeC,QAAI;AACzB,UAAM,EAAE,aAAa,iBAAiB,uBACpCC,0BAAkB;AACpB,UAAM,YAAYC,aAAS,MAAM;AAC/B,aAAO,CAAC,MAAM,SAAS,YAAY;AAAA;AAErC,kBAAU,MAAM;AACd,mBAAS,MAAM;AACb,cAAM,EAAE,MAAM,UAAU,MAAM;AAC9B,cAAM,OAAO;AACb,eAAO,MAAM,OAAO,QAAQ,EAAE,MAAM,OAAO;AAAA;AAAA;AAG/C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,wBAAS;AACb,UAAM,EAAE,SAAS,oBAAoB,eAAeC,uBAClD;AAGF,aAAS,QAAQ;AAAA,MACf;AAAA,MACA;AAAA;AAGF,aAAS,eAAe;AAExB,WAAO;AAAA,MACL,SAAS,UAAU;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,EAGJ,SAAS;AACP,WAAOC,MACL,SACA;AAAA,MACE,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,aAAa;AAAA,MACb,OAAO;AAAA,OAET;AAAA,MACEC,kBAAU,KAAK,SAAS,KAAK;AAAA,MAC7BD,MACE,SACA;AAAA,QACE,OAAO,EAAE,YAAY,KAAK,SAAS,cAAc,KAAK;AAAA,SAExD,KAAK,WAAW,IAAI,CAAC,YAAY,aAC/BA,MACE,MACA;AAAA,QACE,OAAO,KAAK,kBAAkB;AAAA,QAC9B,KAAK;AAAA,QACL,OAAO,KAAK,kBAAkB;AAAA,SAEhC,WAAW,IAAI,CAAC,QAAQ,cACtBA,MACE,MACA;AAAA,QACE,OAAO,KAAK,mBACV,UACA,WACA,YACA;AAAA,QAEF,SAAS,OAAO;AAAA,QAChB,KAAK,GAAG,OAAO;AAAA,QACf,SAAS,OAAO;AAAA,QAChB,OAAO,KAAK,mBACV,UACA,WACA,YACA;AAAA,QAEF,QAAQ,OAAO;AAAA,~~SAEjB~~;AAAA,QACEA,MACE,OACA;AAAA,UACE,OAAO;AAAA,YACL;AAAA,YACA,OAAO,iBACP,OAAO,cAAc,SAAS,IAC1B,cACA;AAAA,YACJ,OAAO;AAAA;AAAA,WAGX;AAAA,UACE,OAAO,eACH,OAAO,aAAa;AAAA,YAClB;AAAA,YACA,QAAQ;AAAA,YACR,OAAO,KAAK;AAAA,YACZ,OAAO,KAAK;AAAA,eAEd,OAAO;AAAA,UACX,OAAO,YACLA,MACE,QACA;AAAA,YACE,OAAO;AAAA,aAET;AAAA,YACEA,MAAE,KAAK;AAAA,cACL,OAAO;AAAA;AAAA,YAETA,MAAE,KAAK;AAAA,cACL,OAAO;AAAA;AAAA;AAAA,UAIf,OAAO,cACLA,MAAEE,iDAAa;AAAA,YACb,OAAO,KAAK,QAAQ;AAAA,YACpB,WAAW,OAAO,mBAAmB;AAAA,YACrC;AAAA,YACA,cAAc,CAAC,KAAK,UAAU;AAC5B,qBAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../packages/components/table/src/table-header/index.ts"],"sourcesContent":["import {\n defineComponent,\n getCurrentInstance,\n computed,\n onMounted,\n nextTick,\n ref,\n h,\n} from 'vue'\nimport PsCheckbox from '@element-ps/components/checkbox'\nimport FilterPanel from '../filter-panel.vue'\nimport useLayoutObserver from '../layout-observer'\nimport { hColgroup } from '../h-helper'\nimport useStyle from './style.helper'\nimport useUtils from './utils-helper'\n\nimport type { ComponentInternalInstance, Ref, PropType } from 'vue'\nimport type { DefaultRow, Sort, Table } from '../table/defaults'\nimport type { Store } from '../store'\nexport interface TableHeader extends ComponentInternalInstance {\n state: {\n onColumnsChange\n onScrollableChange\n }\n filterPanels: Ref<unknown>\n}\nexport interface TableHeaderProps<T> {\n fixed: string\n store: Store<T>\n border: boolean\n defaultSort: Sort\n}\n\nexport default defineComponent({\n name: 'PsTableHeader',\n components: {\n PsCheckbox,\n },\n props: {\n fixed: {\n type: String,\n default: '',\n },\n store: {\n required: true,\n type: Object as PropType<TableHeaderProps<DefaultRow>['store']>,\n },\n border: Boolean,\n defaultSort: {\n type: Object as PropType<TableHeaderProps<DefaultRow>['defaultSort']>,\n default: () => {\n return {\n prop: '',\n order: '',\n }\n },\n },\n },\n setup(props) {\n const instance = getCurrentInstance() as TableHeader\n const parent = instance.parent as Table<unknown>\n const storeData = parent.store.states\n const filterPanels = ref({})\n const { tableLayout, onColumnsChange, onScrollableChange } =\n useLayoutObserver(parent)\n const hasGutter = computed(() => {\n return !props.fixed && tableLayout.gutterWidth\n })\n onMounted(() => {\n nextTick(() => {\n const { prop, order } = props.defaultSort\n const init = true\n parent.store.commit('sort', { prop, order, init })\n })\n })\n const {\n getHeaderRowStyle,\n getHeaderRowClass,\n getHeaderCellStyle,\n getHeaderCellClass,\n } = useStyle(props as TableHeaderProps<unknown>)\n const { isGroup, toggleAllSelection, columnRows } = useUtils(\n props as TableHeaderProps<unknown>\n )\n\n instance.state = {\n onColumnsChange,\n onScrollableChange,\n }\n // eslint-disable-next-line\n instance.filterPanels = filterPanels\n\n return {\n columns: storeData.columns,\n filterPanels,\n hasGutter,\n onColumnsChange,\n onScrollableChange,\n columnRows,\n getHeaderRowClass,\n getHeaderRowStyle,\n getHeaderCellClass,\n getHeaderCellStyle,\n isGroup,\n toggleAllSelection,\n }\n },\n render() {\n return h(\n 'table',\n {\n border: '0',\n cellpadding: '0',\n cellspacing: '0',\n class: 'el-table__header',\n },\n [\n hColgroup(this.columns, this.hasGutter),\n h(\n 'thead',\n {\n class: { 'is-group': this.isGroup, 'has-gutter': this.hasGutter },\n },\n this.columnRows.map((subColumns, rowIndex) =>\n h(\n 'tr',\n {\n class: this.getHeaderRowClass(rowIndex),\n key: rowIndex,\n style: this.getHeaderRowStyle(rowIndex),\n },\n subColumns.map((column, cellIndex) =>\n h(\n 'th',\n {\n class: this.getHeaderCellClass(\n rowIndex,\n cellIndex,\n subColumns,\n column\n ),\n colspan: column.colSpan,\n key: `${column.id}-thead`,\n rowSpan: column.rowSpan,\n style: this.getHeaderCellStyle(\n rowIndex,\n cellIndex,\n subColumns,\n column\n ),\n widget: `table-column:header:${column.widget.split(':')[1]}`,\n },\n [\n h(\n 'div',\n {\n class: [\n 'cell',\n column.filteredValue &&\n column.filteredValue.length > 0\n ? 'highlight'\n : '',\n column.labelClassName,\n ],\n },\n [\n column.renderHeader\n ? column.renderHeader({\n column,\n $index: cellIndex,\n store: this.store,\n _self: this.$parent,\n })\n : column.label,\n column.sortable &&\n h(\n 'span',\n {\n class: 'caret-wrapper',\n },\n [\n h('i', {\n class: 'sort-caret ascending',\n }),\n h('i', {\n class: 'sort-caret descending',\n }),\n ]\n ),\n column.filterable &&\n h(FilterPanel, {\n store: this.$parent.store,\n placement: column.filterPlacement \|\| 'bottom-start',\n column,\n upDataColumn: (key, value) => {\n column[key] = value\n },\n }),\n ]\n ),\n ]\n )\n )\n )\n )\n ),\n ]\n )\n },\n})\n"],"names":["defineComponent","PsCheckbox","getCurrentInstance","ref","useLayoutObserver","computed","useStyle","useUtils","h","hColgroup","FilterPanel"],"mappings":"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"}

package/lib/packages/components/tag/index.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var withInstall = require('../../utils/with-install.js');
-require('./src/tag2.js');
-var tag = require('./src/tag.js');
+require('./src/tag.js');
+var tag = require('./src/tag2.js');
 var tag_vue_vue_type_script_lang = require('./src/tag.vue_vue&type=script&lang.js');
 const PsTag = withInstall.withInstall(tag_vue_vue_type_script_lang["default"]);

package/lib/packages/components/tag/src/tag.js CHANGED Viewed

@@ -2,31 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var props = require('../../../utils/props.js');
+var tag_vue_vue_type_script_lang = require('./tag.vue_vue&type=script&lang.js');
+var tag_vue_vue_type_template_id_525996c5_lang = require('./tag.vue_vue&type=template&id=525996c5&lang.js');
-const tagProps = props.buildProps({
-  closable: Boolean,
-  type: {
-    type: String,
-    values: ["success", "info", "warning", "danger", ""],
-    default: ""
-  },
-  hit: Boolean,
-  disableTransitions: Boolean,
-  color: {
-    type: String,
-    default: ""
-  },
-  size: {
-    type: String,
-    values: ["large", "medium", "small", "mini"]
-  },
-  effect: {
-    type: String,
-    values: ["dark", "light", "plain"],
-    default: "light"
-  }
-});
+tag_vue_vue_type_script_lang["default"].render = tag_vue_vue_type_template_id_525996c5_lang.render;
+tag_vue_vue_type_script_lang["default"].__file = "packages/components/tag/src/tag.vue";
-exports.tagProps = tagProps;
+exports["default"] = tag_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=tag.js.map

package/lib/packages/components/tag/src/tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag.js","sources":[~~"../../../../../../../packages/components/tag/src/tag.ts"~~],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const tagProps = buildProps({\n closable: Boolean,\n type: {\n type: String,\n values: ['success', 'info', 'warning', 'danger', '']~~,\n default: '',\n },\n hit: Boolean,\n disableTransitions: Boolean,\n color: {\n type: String,\n default: '',\n },\n size: {\n type: String,\n values: ['large'~~, 'medium', 'small', 'mini'],\n },\n effect: {\n type: String,\n values: ['dark', 'light', 'plain'],\n default: 'light',\n },\n} as const)\nexport type TagProps = ExtractPropTypes<typeof tagProps>\n"~~],"~~names":[~~"buildProps"~~],"mappings":";;;;;;MAIa,WAAWA,iBAAW;AAAA,EACjC,UAAU;AAAA,EACV,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,QAAQ,WAAW,UAAU;AAAA,IACjD,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,EACL,oBAAoB;AAAA,EACpB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,UAAU,SAAS;AAAA;AAAA,EAEvC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,SAAS;AAAA,IAC1B,SAAS;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"tag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/tag/src/tag.vue_vue&type=script&lang.js CHANGED Viewed

@@ -6,7 +6,7 @@ var vue = require('vue');
 var index = require('../../icon/index.js');
 var util = require('../../../utils/util.js');
 var icons = require('@element-plus/icons');
-var tag = require('./tag.js');
+var tag = require('./tag2.js');
 var script = vue.defineComponent({
   name: "PsTag",

package/lib/packages/components/tag/src/tag2.js CHANGED Viewed

@@ -2,11 +2,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var tag_vue_vue_type_script_lang = require('./tag.vue_vue&type=script&lang.js');
-var tag_vue_vue_type_template_id_525996c5_lang = require('./tag.vue_vue&type=template&id=525996c5&lang.js');
+var props = require('../../../utils/props.js');
-tag_vue_vue_type_script_lang["default"].render = tag_vue_vue_type_template_id_525996c5_lang.render;
-tag_vue_vue_type_script_lang["default"].__file = "packages/components/tag/src/tag.vue";
+const tagProps = props.buildProps({
+  closable: Boolean,
+  type: {
+    type: String,
+    values: ["success", "info", "warning", "danger", ""],
+    default: ""
+  },
+  hit: Boolean,
+  disableTransitions: Boolean,
+  color: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    values: ["large", "medium", "small", "mini"]
+  },
+  effect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  }
+});
-exports["default"] = tag_vue_vue_type_script_lang["default"];
+exports.tagProps = tagProps;
 //# sourceMappingURL=tag2.js.map

package/lib/packages/components/tag/src/tag2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"tag2.js","sources":["../../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const tagProps = buildProps({\n closable: Boolean,\n type: {\n type: String,\n values: ['success', 'info', 'warning', 'danger', ''],\n default: '',\n },\n hit: Boolean,\n disableTransitions: Boolean,\n color: {\n type: String,\n default: '',\n },\n size: {\n type: String,\n values: ['large', 'medium', 'small', 'mini'],\n },\n effect: {\n type: String,\n values: ['dark', 'light', 'plain'],\n default: 'light',\n },\n} as const)\nexport type TagProps = ExtractPropTypes<typeof tagProps>\n"],"names":["buildProps"],"mappings":";;;;;;MAIa,WAAWA,iBAAW;AAAA,EACjC,UAAU;AAAA,EACV,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,QAAQ,WAAW,UAAU;AAAA,IACjD,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,EACL,oBAAoB;AAAA,EACpB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,UAAU,SAAS;AAAA;AAAA,EAEvC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,SAAS;AAAA,IAC1B,SAAS;AAAA;AAAA;;;;"}

package/lib/utils/util.d.ts CHANGED Viewed

@@ -31,4 +31,4 @@ export declare function deduplicate<T>(arr: T[]): T[];
 export declare function $<T>(ref: Ref<T>): T;
 export declare function addUnit(value: string | number): string;
 export declare function isEqualWithFunction(obj: any, other: any): boolean;
-export declare const refAttacher: <T extends HTMLElement | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>>(ref: Ref<T>) => (val: T) => void;
+export declare const refAttacher: <T extends ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | HTMLElement>(ref: Ref<T>) => (val: T) => void;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "element-ps",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A Component Library for Vue 3",
   "homepage": "https://element-plus.org/",
   "keywords": [

package/web-types.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"element-ps","version":"1.0.8","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown"}}}
1	+ {"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"element-ps","version":"1.0.9","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown"}}}