element-ps 1.0.9 → 1.0.13

package/es/packages/components/button/src/button2.mjs

@@ -1,7 +1,48 @@
-import script from './button.vue_vue&type=script&lang.mjs';
-export { default } from './button.vue_vue&type=script&lang.mjs';
-import { render } from './button.vue_vue&type=template&id=802c5c76&lang.mjs';
+import '../../../hooks/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import { useFormItemProps } from '../../../hooks/use-form-item/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/button/src/button.vue";
+const buttonType = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonSize = ["", "large", "medium", "small", "mini"];
+const buttonNativeType = ["button", "submit", "reset"];
+const buttonProps = buildProps({
+  ...useFormItemProps,
+  type: {
+    type: String,
+    values: buttonType,
+    default: ""
+  },
+  icon: {
+    type: definePropType([String, Object]),
+    default: ""
+  },
+  nativeType: {
+    type: String,
+    values: buttonNativeType,
+    default: "button"
+  },
+  loading: Boolean,
+  plain: Boolean,
+  autofocus: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  color: String,
+  autoInsertSpace: {
+    type: Boolean
+  }
+});
+const buttonEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
+
+export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType };
 //# sourceMappingURL=button2.mjs.map

package/es/packages/components/button/src/button2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"button2.mjs","sources":["../../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useFormItemProps } from '@element-ps/hooks'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  ...useFormItemProps,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  color: String,\n  autoInsertSpace: {\n    type: Boolean,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n"],"names":[],"mappings":";;;;MAIa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,IACf,MAAM;AAAA;AAAA;MAQG,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}

package/es/packages/components/card/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/card.mjs';
-export { cardProps } from './src/card2.mjs';
+import './src/card2.mjs';
+export { cardProps } from './src/card.mjs';
 import script from './src/card.vue_vue&type=script&lang.mjs';
 
 const PsCard = withInstall(script);

package/es/packages/components/card/src/card.mjs

@@ -1,7 +1,19 @@
-import script from './card.vue_vue&type=script&lang.mjs';
-export { default } from './card.vue_vue&type=script&lang.mjs';
-import { render } from './card.vue_vue&type=template&id=7a6bdf05&lang.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/card/src/card.vue";
+const cardProps = buildProps({
+  header: {
+    type: String,
+    default: ""
+  },
+  bodyStyle: {
+    type: definePropType([String, Object, Array]),
+    default: ""
+  },
+  shadow: {
+    type: String,
+    default: ""
+  }
+});
+
+export { cardProps };
 //# sourceMappingURL=card.mjs.map

package/es/packages/components/card/src/card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"card.mjs","sources":["../../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { StyleValue } from '@element-ps/utils/types'\n\nexport const cardProps = buildProps({\n  header: {\n    type: String,\n    default: '',\n  },\n  bodyStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  shadow: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\n"],"names":[],"mappings":";;MAIa,YAAY,WAAW;AAAA,EAClC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM,eAA2B,CAAC,QAAQ,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/card/src/card.vue_vue&type=script&lang.mjs

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { cardProps } from './card2.mjs';
+import { cardProps } from './card.mjs';
 
 var script = defineComponent({
   name: "PsCard",

package/es/packages/components/card/src/card2.mjs

@@ -1,19 +1,7 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import script from './card.vue_vue&type=script&lang.mjs';
+export { default } from './card.vue_vue&type=script&lang.mjs';
+import { render } from './card.vue_vue&type=template&id=7a6bdf05&lang.mjs';
 
-const cardProps = buildProps({
-  header: {
-    type: String,
-    default: ""
-  },
-  bodyStyle: {
-    type: definePropType([String, Object, Array]),
-    default: ""
-  },
-  shadow: {
-    type: String,
-    default: ""
-  }
-});
-
-export { cardProps };
+script.render = render;
+script.__file = "packages/components/card/src/card.vue";
 //# sourceMappingURL=card2.mjs.map

package/es/packages/components/card/src/card2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card2.mjs","sources":["../../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { StyleValue } from '@element-ps/utils/types'\n\nexport const cardProps = buildProps({\n  header: {\n    type: String,\n    default: '',\n  },\n  bodyStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  shadow: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\n"],"names":[],"mappings":";;MAIa,YAAY,WAAW;AAAA,EAClC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM,eAA2B,CAAC,QAAQ,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"card2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/cascader-panel/src/config.mjs

@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import { NOOP } from '@vue/shared';
-import { ExpandTrigger } from './node2.mjs';
+import { ExpandTrigger } from './node.mjs';
 
 const CommonProps = {
   modelValue: [Number, String, Array],

package/es/packages/components/cascader-panel/src/index.vue_vue&type=script&lang.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, provide, reactive } from 'vue';
 import './menu.mjs';
-import { ExpandTrigger } from './node2.mjs';
+import { ExpandTrigger } from './node.mjs';
 import { CommonProps, useCascaderConfig } from './config.mjs';
 import { CASCADER_PANEL_INJECTION_KEY } from './types.mjs';
 import Store from './store.mjs';

package/es/packages/components/cascader-panel/src/menu.vue_vue&type=script&lang.mjs

@@ -2,7 +2,7 @@ import { defineComponent, inject, ref, computed } from 'vue';
 import _Scrollbar from '../../scrollbar/index.mjs';
 import '../../../hooks/index.mjs';
 import { generateId } from '../../../utils/util.mjs';
-import './node.mjs';
+import './node2.mjs';
 import { CASCADER_PANEL_INJECTION_KEY } from './types.mjs';
 import script$1 from './node.vue_vue&type=script&lang.mjs';
 import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';

package/es/packages/components/cascader-panel/src/node.mjs

@@ -1,7 +1,74 @@
-import script from './node.vue_vue&type=script&lang.mjs';
-export { default } from './node.vue_vue&type=script&lang.mjs';
-import { render } from './node.vue_vue&type=template&id=18b09cb2&lang.mjs';
+import { isFunction, capitalize } from '@vue/shared';
+import { isEmpty, isUndefined } from '../../../utils/util.mjs';
 
-script.render = render;
-script.__file = "packages/components/cascader-panel/src/node.vue";
+var ExpandTrigger;
+(function(ExpandTrigger2) {
+  ExpandTrigger2["CLICK"] = "click";
+  ExpandTrigger2["HOVER"] = "hover";
+})(ExpandTrigger || (ExpandTrigger = {}));
+let uid = 0;
+const calculatePathNodes = (node) => {
+  const nodes = [node];
+  let { parent } = node;
+  while (parent) {
+    nodes.unshift(parent);
+    parent = parent.parent;
+  }
+  return nodes;
+};
+class Node {
+  constructor(data, config, parent, root = false) {
+    this.data = data;
+    this.config = config;
+    this.parent = parent;
+    this.root = root;
+    this.uid = uid++;
+    this.checked = false;
+    this.indeterminate = false;
+    this.loading = false;
+    const { value: valueKey, label: labelKey, children: childrenKey } = config;
+    const childrenData = data[childrenKey];
+    const pathNodes = calculatePathNodes(this);
+    this.level = root ? 0 : parent ? parent.level + 1 : 1;
+    this.value = data[valueKey];
+    this.label = data[labelKey];
+    this.pathNodes = pathNodes;
+    this.pathValues = pathNodes.map((node) => node.value);
+    this.pathLabels = pathNodes.map((node) => node.label);
+    this.childrenData = childrenData;
+    this.children = (childrenData || []).map((child) => new Node(child, config, this));
+    this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData);
+  }
+  get isDisabled() {
+    const { data, parent, config } = this;
+    const { disabled, checkStrictly } = config;
+    const isDisabled = isFunction(disabled) ? disabled(data, this) : !!data[disabled];
+    return isDisabled || !checkStrictly && (parent == null ? void 0 : parent.isDisabled);
+  }
+  get isLeaf() {
+    const { data, config, childrenData, loaded } = this;
+    const { lazy, leaf } = config;
+    const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf];
+    return isUndefined(isLeaf) ? lazy && !loaded ? false : !Array.isArray(childrenData) : !!isLeaf;
+  }
+  get valueByOption() {
+    return this.config.emitPath ? this.pathValues : this.value;
+  }
+  calcText(allLevels, separator) {
+    const text = allLevels ? this.pathLabels.join(separator) : this.label;
+    this.text = text;
+    return text;
+  }
+  broadcast(event, ...args) {
+    const handlerName = `onParent${capitalize(event)}`;
+    this.children.forEach((child) => {
+      if (child) {
+        child.broadcast(event, ...args);
+        child[handlerName] && child[handlerName](...args);
+      }
+    });
+  }
+}
+
+export { ExpandTrigger, Node as default };
 //# sourceMappingURL=node.mjs.map

package/es/packages/components/cascader-panel/src/node.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"node.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"node.mjs","sources":["../../../../../../../packages/components/cascader-panel/src/node.ts"],"sourcesContent":["import { isFunction } from '@vue/shared'\nimport { capitalize, isUndefined, isEmpty } from '@element-ps/utils/util'\nimport type { VNode } from 'vue'\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\n\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\n\nexport type isDisabled = (data: CascaderOption, node: Node) => boolean\nexport type isLeaf = (data: CascaderOption, node: Node) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: Node, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: Node,\n  data: CascaderOption,\n}) => VNode | VNode[]\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport type Nullable<T> = null | T\n\ntype ChildrenData = CascaderOption[] | undefined\n\nlet uid = 0\n\nconst calculatePathNodes = (node: Node) => {\n  const nodes = [node]\n  let { parent } = node\n\n  while (parent) {\n    nodes.unshift(parent)\n    parent = parent.parent\n  }\n\n  return nodes\n}\n\nclass Node {\n  readonly uid: number = uid++\n  readonly level: number\n  readonly value: CascaderNodeValue\n  readonly label: string\n  readonly pathNodes: Node[]\n  readonly pathValues: CascaderNodePathValue\n  readonly pathLabels: string[]\n\n  childrenData: ChildrenData\n  children: Node[]\n  text: string\n  loaded: boolean\n  checked = false\n  indeterminate = false\n  loading = false\n\n  constructor(\n    readonly data: Nullable<CascaderOption>,\n    readonly config: CascaderConfig,\n    readonly parent?: Node,\n    readonly root = false\n  ) {\n    const { value: valueKey, label: labelKey, children: childrenKey } = config\n\n    const childrenData = data[childrenKey] as ChildrenData\n    const pathNodes = calculatePathNodes(this)\n\n    this.level = root ? 0 : parent ? parent.level + 1 : 1\n    this.value = data[valueKey] as CascaderNodeValue\n    this.label = data[labelKey] as string\n    this.pathNodes = pathNodes\n    this.pathValues = pathNodes.map((node) => node.value)\n    this.pathLabels = pathNodes.map((node) => node.label)\n    this.childrenData = childrenData\n    this.children = (childrenData || []).map(\n      (child) => new Node(child, config, this)\n    )\n    this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData)\n  }\n\n  get isDisabled(): boolean {\n    const { data, parent, config } = this\n    const { disabled, checkStrictly } = config\n    const isDisabled = isFunction(disabled)\n      ? disabled(data, this)\n      : !!data[disabled]\n    return isDisabled || (!checkStrictly && parent?.isDisabled)\n  }\n\n  get isLeaf(): boolean {\n    const { data, config, childrenData, loaded } = this\n    const { lazy, leaf } = config\n    const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf]\n\n    return isUndefined(isLeaf)\n      ? lazy && !loaded\n        ? false\n        : !Array.isArray(childrenData)\n      : !!isLeaf\n  }\n\n  get valueByOption() {\n    return this.config.emitPath ? this.pathValues : this.value\n  }\n\n  calcText(allLevels: boolean, separator: string) {\n    const text = allLevels ? this.pathLabels.join(separator) : this.label\n    this.text = text\n    return text\n  }\n\n  broadcast(event: string, ...args: unknown[]) {\n    const handlerName = `onParent${capitalize(event)}`\n    this.children.forEach((child) => {\n      if (child) {\n        // bottom up\n        child.broadcast(event, ...args)\n        child[handlerName] && child[handlerName](...args)\n      }\n    })\n  }\n}\n\nexport default Node\n"],"names":[],"mappings":";;;IAYY;AAAL,UAAK,gBAAL;AACL,4BAAQ;AACR,4BAAQ;AAAA,GAFE;AAyCZ,IAAI,MAAM;AAEV,MAAM,qBAAqB,CAAC,SAAe;AACzC,QAAM,QAAQ,CAAC;AACf,MAAI,EAAE,WAAW;AAEjB,SAAO,QAAQ;AACb,UAAM,QAAQ;AACd,aAAS,OAAO;AAAA;AAGlB,SAAO;AAAA;AAGT,WAAW;AAAA,EAiBT,YACW,MACA,QACA,QACA,OAAO,OAChB;AAJS;AACA;AACA;AACA;AApBF,eAAc;AAYvB,mBAAU;AACV,yBAAgB;AAChB,mBAAU;AAQR,UAAM,EAAE,OAAO,UAAU,OAAO,UAAU,UAAU,gBAAgB;AAEpE,UAAM,eAAe,KAAK;AAC1B,UAAM,YAAY,mBAAmB;AAErC,SAAK,QAAQ,OAAO,IAAI,SAAS,OAAO,QAAQ,IAAI;AACpD,SAAK,QAAQ,KAAK;AAClB,SAAK,QAAQ,KAAK;AAClB,SAAK,YAAY;AACjB,SAAK,aAAa,UAAU,IAAI,CAAC,SAAS,KAAK;AAC/C,SAAK,aAAa,UAAU,IAAI,CAAC,SAAS,KAAK;AAC/C,SAAK,eAAe;AACpB,SAAK,WAAY,iBAAgB,IAAI,IACnC,CAAC,UAAU,IAAI,KAAK,OAAO,QAAQ;AAErC,SAAK,SAAS,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,QAAQ;AAAA;AAAA,MAGpD,aAAsB;AACxB,UAAM,EAAE,MAAM,QAAQ,WAAW;AACjC,UAAM,EAAE,UAAU,kBAAkB;AACpC,UAAM,aAAa,WAAW,YAC1B,SAAS,MAAM,QACf,CAAC,CAAC,KAAK;AACX,WAAO,cAAe,CAAC,mDAAyB;AAAA;AAAA,MAG9C,SAAkB;AACpB,UAAM,EAAE,MAAM,QAAQ,cAAc,WAAW;AAC/C,UAAM,EAAE,MAAM,SAAS;AACvB,UAAM,SAAS,WAAW,QAAQ,KAAK,MAAM,QAAQ,KAAK;AAE1D,WAAO,YAAY,UACf,QAAQ,CAAC,SACP,QACA,CAAC,MAAM,QAAQ,gBACjB,CAAC,CAAC;AAAA;AAAA,MAGJ,gBAAgB;AAClB,WAAO,KAAK,OAAO,WAAW,KAAK,aAAa,KAAK;AAAA;AAAA,EAGvD,SAAS,WAAoB,WAAmB;AAC9C,UAAM,OAAO,YAAY,KAAK,WAAW,KAAK,aAAa,KAAK;AAChE,SAAK,OAAO;AACZ,WAAO;AAAA;AAAA,EAGT,UAAU,UAAkB,MAAiB;AAC3C,UAAM,cAAc,WAAW,WAAW;AAC1C,SAAK,SAAS,QAAQ,CAAC,UAAU;AAC/B,UAAI,OAAO;AAET,cAAM,UAAU,OAAO,GAAG;AAC1B,cAAM,gBAAgB,MAAM,aAAa,GAAG;AAAA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/cascader-panel/src/node2.mjs

@@ -1,74 +1,7 @@
-import { isFunction, capitalize } from '@vue/shared';
-import { isEmpty, isUndefined } from '../../../utils/util.mjs';
+import script from './node.vue_vue&type=script&lang.mjs';
+export { default } from './node.vue_vue&type=script&lang.mjs';
+import { render } from './node.vue_vue&type=template&id=18b09cb2&lang.mjs';
 
-var ExpandTrigger;
-(function(ExpandTrigger2) {
-  ExpandTrigger2["CLICK"] = "click";
-  ExpandTrigger2["HOVER"] = "hover";
-})(ExpandTrigger || (ExpandTrigger = {}));
-let uid = 0;
-const calculatePathNodes = (node) => {
-  const nodes = [node];
-  let { parent } = node;
-  while (parent) {
-    nodes.unshift(parent);
-    parent = parent.parent;
-  }
-  return nodes;
-};
-class Node {
-  constructor(data, config, parent, root = false) {
-    this.data = data;
-    this.config = config;
-    this.parent = parent;
-    this.root = root;
-    this.uid = uid++;
-    this.checked = false;
-    this.indeterminate = false;
-    this.loading = false;
-    const { value: valueKey, label: labelKey, children: childrenKey } = config;
-    const childrenData = data[childrenKey];
-    const pathNodes = calculatePathNodes(this);
-    this.level = root ? 0 : parent ? parent.level + 1 : 1;
-    this.value = data[valueKey];
-    this.label = data[labelKey];
-    this.pathNodes = pathNodes;
-    this.pathValues = pathNodes.map((node) => node.value);
-    this.pathLabels = pathNodes.map((node) => node.label);
-    this.childrenData = childrenData;
-    this.children = (childrenData || []).map((child) => new Node(child, config, this));
-    this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData);
-  }
-  get isDisabled() {
-    const { data, parent, config } = this;
-    const { disabled, checkStrictly } = config;
-    const isDisabled = isFunction(disabled) ? disabled(data, this) : !!data[disabled];
-    return isDisabled || !checkStrictly && (parent == null ? void 0 : parent.isDisabled);
-  }
-  get isLeaf() {
-    const { data, config, childrenData, loaded } = this;
-    const { lazy, leaf } = config;
-    const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf];
-    return isUndefined(isLeaf) ? lazy && !loaded ? false : !Array.isArray(childrenData) : !!isLeaf;
-  }
-  get valueByOption() {
-    return this.config.emitPath ? this.pathValues : this.value;
-  }
-  calcText(allLevels, separator) {
-    const text = allLevels ? this.pathLabels.join(separator) : this.label;
-    this.text = text;
-    return text;
-  }
-  broadcast(event, ...args) {
-    const handlerName = `onParent${capitalize(event)}`;
-    this.children.forEach((child) => {
-      if (child) {
-        child.broadcast(event, ...args);
-        child[handlerName] && child[handlerName](...args);
-      }
-    });
-  }
-}
-
-export { ExpandTrigger, Node as default };
+script.render = render;
+script.__file = "packages/components/cascader-panel/src/node.vue";
 //# sourceMappingURL=node2.mjs.map

package/es/packages/components/cascader-panel/src/node2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"node2.mjs","sources":["../../../../../../../packages/components/cascader-panel/src/node.ts"],"sourcesContent":["import { isFunction } from '@vue/shared'\nimport { capitalize, isUndefined, isEmpty } from '@element-ps/utils/util'\nimport type { VNode } from 'vue'\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\n\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\n\nexport type isDisabled = (data: CascaderOption, node: Node) => boolean\nexport type isLeaf = (data: CascaderOption, node: Node) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: Node, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: Node,\n  data: CascaderOption,\n}) => VNode | VNode[]\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport type Nullable<T> = null | T\n\ntype ChildrenData = CascaderOption[] | undefined\n\nlet uid = 0\n\nconst calculatePathNodes = (node: Node) => {\n  const nodes = [node]\n  let { parent } = node\n\n  while (parent) {\n    nodes.unshift(parent)\n    parent = parent.parent\n  }\n\n  return nodes\n}\n\nclass Node {\n  readonly uid: number = uid++\n  readonly level: number\n  readonly value: CascaderNodeValue\n  readonly label: string\n  readonly pathNodes: Node[]\n  readonly pathValues: CascaderNodePathValue\n  readonly pathLabels: string[]\n\n  childrenData: ChildrenData\n  children: Node[]\n  text: string\n  loaded: boolean\n  checked = false\n  indeterminate = false\n  loading = false\n\n  constructor(\n    readonly data: Nullable<CascaderOption>,\n    readonly config: CascaderConfig,\n    readonly parent?: Node,\n    readonly root = false\n  ) {\n    const { value: valueKey, label: labelKey, children: childrenKey } = config\n\n    const childrenData = data[childrenKey] as ChildrenData\n    const pathNodes = calculatePathNodes(this)\n\n    this.level = root ? 0 : parent ? parent.level + 1 : 1\n    this.value = data[valueKey] as CascaderNodeValue\n    this.label = data[labelKey] as string\n    this.pathNodes = pathNodes\n    this.pathValues = pathNodes.map((node) => node.value)\n    this.pathLabels = pathNodes.map((node) => node.label)\n    this.childrenData = childrenData\n    this.children = (childrenData || []).map(\n      (child) => new Node(child, config, this)\n    )\n    this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData)\n  }\n\n  get isDisabled(): boolean {\n    const { data, parent, config } = this\n    const { disabled, checkStrictly } = config\n    const isDisabled = isFunction(disabled)\n      ? disabled(data, this)\n      : !!data[disabled]\n    return isDisabled || (!checkStrictly && parent?.isDisabled)\n  }\n\n  get isLeaf(): boolean {\n    const { data, config, childrenData, loaded } = this\n    const { lazy, leaf } = config\n    const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf]\n\n    return isUndefined(isLeaf)\n      ? lazy && !loaded\n        ? false\n        : !Array.isArray(childrenData)\n      : !!isLeaf\n  }\n\n  get valueByOption() {\n    return this.config.emitPath ? this.pathValues : this.value\n  }\n\n  calcText(allLevels: boolean, separator: string) {\n    const text = allLevels ? this.pathLabels.join(separator) : this.label\n    this.text = text\n    return text\n  }\n\n  broadcast(event: string, ...args: unknown[]) {\n    const handlerName = `onParent${capitalize(event)}`\n    this.children.forEach((child) => {\n      if (child) {\n        // bottom up\n        child.broadcast(event, ...args)\n        child[handlerName] && child[handlerName](...args)\n      }\n    })\n  }\n}\n\nexport default Node\n"],"names":[],"mappings":";;;IAYY;AAAL,UAAK,gBAAL;AACL,4BAAQ;AACR,4BAAQ;AAAA,GAFE;AAyCZ,IAAI,MAAM;AAEV,MAAM,qBAAqB,CAAC,SAAe;AACzC,QAAM,QAAQ,CAAC;AACf,MAAI,EAAE,WAAW;AAEjB,SAAO,QAAQ;AACb,UAAM,QAAQ;AACd,aAAS,OAAO;AAAA;AAGlB,SAAO;AAAA;AAGT,WAAW;AAAA,EAiBT,YACW,MACA,QACA,QACA,OAAO,OAChB;AAJS;AACA;AACA;AACA;AApBF,eAAc;AAYvB,mBAAU;AACV,yBAAgB;AAChB,mBAAU;AAQR,UAAM,EAAE,OAAO,UAAU,OAAO,UAAU,UAAU,gBAAgB;AAEpE,UAAM,eAAe,KAAK;AAC1B,UAAM,YAAY,mBAAmB;AAErC,SAAK,QAAQ,OAAO,IAAI,SAAS,OAAO,QAAQ,IAAI;AACpD,SAAK,QAAQ,KAAK;AAClB,SAAK,QAAQ,KAAK;AAClB,SAAK,YAAY;AACjB,SAAK,aAAa,UAAU,IAAI,CAAC,SAAS,KAAK;AAC/C,SAAK,aAAa,UAAU,IAAI,CAAC,SAAS,KAAK;AAC/C,SAAK,eAAe;AACpB,SAAK,WAAY,iBAAgB,IAAI,IACnC,CAAC,UAAU,IAAI,KAAK,OAAO,QAAQ;AAErC,SAAK,SAAS,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,QAAQ;AAAA;AAAA,MAGpD,aAAsB;AACxB,UAAM,EAAE,MAAM,QAAQ,WAAW;AACjC,UAAM,EAAE,UAAU,kBAAkB;AACpC,UAAM,aAAa,WAAW,YAC1B,SAAS,MAAM,QACf,CAAC,CAAC,KAAK;AACX,WAAO,cAAe,CAAC,mDAAyB;AAAA;AAAA,MAG9C,SAAkB;AACpB,UAAM,EAAE,MAAM,QAAQ,cAAc,WAAW;AAC/C,UAAM,EAAE,MAAM,SAAS;AACvB,UAAM,SAAS,WAAW,QAAQ,KAAK,MAAM,QAAQ,KAAK;AAE1D,WAAO,YAAY,UACf,QAAQ,CAAC,SACP,QACA,CAAC,MAAM,QAAQ,gBACjB,CAAC,CAAC;AAAA;AAAA,MAGJ,gBAAgB;AAClB,WAAO,KAAK,OAAO,WAAW,KAAK,aAAa,KAAK;AAAA;AAAA,EAGvD,SAAS,WAAoB,WAAmB;AAC9C,UAAM,OAAO,YAAY,KAAK,WAAW,KAAK,aAAa,KAAK;AAChE,SAAK,OAAO;AACZ,WAAO;AAAA;AAAA,EAGT,UAAU,UAAkB,MAAiB;AAC3C,UAAM,cAAc,WAAW,WAAW;AAC1C,SAAK,SAAS,QAAQ,CAAC,UAAU;AAC/B,UAAI,OAAO;AAET,cAAM,UAAU,OAAO,GAAG;AAC1B,cAAM,gBAAgB,MAAM,aAAa,GAAG;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"node2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/cascader-panel/src/store.mjs

@@ -1,5 +1,5 @@
 import isEqual from 'lodash/isEqual';
-import Node from './node2.mjs';
+import Node from './node.mjs';
 
 const flatNodes = (nodes, leafOnly) => {
   return nodes.reduce((res, node) => {

package/es/packages/components/dialog/src/dialog.vue_vue&type=script&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n          :widget=\"widget\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')}`\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')}`\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAmEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAEL,OAAO;AAAA,EACP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY;AAClB,UAAM,SAAS,UAAU,OAAO,KAAK;AACrC,UAAM,eAAe,cAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"dialog.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n          :widget=\"widget\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')[1]}`\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')[1]}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')[1]}`\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAmEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAEL,OAAO;AAAA,EACP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY;AAClB,UAAM,SAAS,UAAU,OAAO,KAAK;AACrC,UAAM,eAAe,cAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.mjs

@@ -48,7 +48,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("div", {
               class: "el-dialog__header",
-              widget: `dialog:title:${_ctx.widget.split(":")}`
+              widget: `dialog:title:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createElementVNode("span", _hoisted_4, toDisplayString(_ctx.title), 1)
@@ -65,14 +65,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
-              widget: `dialog:default:${_ctx.widget.split(":")}`
+              widget: `dialog:default:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "default")
             ], 8, _hoisted_6)) : createCommentVNode("v-if", true),
             _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: "el-dialog__footer",
-              widget: `dialog:footer:${_ctx.widget.split(":")}`
+              widget: `dialog:footer:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "footer")
             ], 8, _hoisted_7)) : createCommentVNode("v-if", true)

package/es/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue?vue&type=template&id=02672805&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n          :widget=\"widget\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')}`\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')}`\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_renderSlot","_createElementBlock"],"mappings":";;qBAUQ,OAAM;;;qBAqBQ,OAAM;;;EAMd,cAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAK;AAAA;;;;;;;sBAtCjBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;mBAC9BC;MAEE,qBAAA;AAAA,MACC,MAAM;MACN,iBAAgB;MAChB,WAAS;;uBAEV;QAAAC,0BAAA;UAGEA;YACE,KAAI;AAAA,YACH;;;;;;;;YAQD,cAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAY;YACZ,sBAAO;YACP,iDAAD;;YACC,QAAQ;;YAETA;cAAK,OAAM;AAAA,cAAqB,wBAAwB,YAAO;;cAC7DC,qCAAA;gBACID,2BAAA,4BACK;;cAID,+BADRE,6BAAA;gBAMEH,kCAAS,OAAM;mCAAmB;oBAAAA;;;;;;YAGtB,8BACdG;;cAAK,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cAC7DD;;YAGO,YAAO,uBAAlBC;;cAA0B,OAAM;AAAA,cAAqB,yBAAyB,YAAO;;cACnFD;;;;;;;cA/CE;;;;;;;"}
+{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue?vue&type=template&id=02672805&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n          :widget=\"widget\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')[1]}`\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')[1]}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')[1]}`\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_renderSlot","_createElementBlock"],"mappings":";;qBAUQ,OAAM;;;qBAqBQ,OAAM;;;EAMd,cAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAK;AAAA;;;;;;;sBAtCjBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;mBAC9BC;MAEE,qBAAA;AAAA,MACC,MAAM;MACN,iBAAgB;MAChB,WAAS;;uBAEV;QAAAC,0BAAA;UAGEA;YACE,KAAI;AAAA,YACH;;;;;;;;YAQD,cAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAY;YACZ,sBAAO;YACP,iDAAD;;YACC,QAAQ;;YAETA;cAAK,OAAM;AAAA,cAAqB,wBAAwB,YAAO;;cAC7DC,qCAAA;gBACID,2BAAA,4BACK;;cAID,+BADRE,6BAAA;gBAMEH,kCAAS,OAAM;mCAAmB;oBAAAA;;;;;;YAGtB,8BACdG;;cAAK,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cAC7DD;;YAGO,YAAO,uBAAlBC;;cAA0B,OAAM;AAAA,cAAqB,yBAAyB,YAAO;;cACnFD;;;;;;;cA/CE;;;;;;;"}

package/es/packages/components/dialog/src/use-dialog.mjs

@@ -11,7 +11,7 @@ import useRestoreActive from '../../../hooks/use-restore-active/index.mjs';
 const useDialog = (props, { emit }, targetRef) => {
   const visible = ref(false);
   const closed = ref(false);
-  const rendered = ref(false);
+  const rendered = ref(true);
   const zIndex = ref(props.zIndex || PopupManager.nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;

package/es/packages/components/dialog/src/use-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\n\nimport { useLockScreen, useRestoreActive, useModal } from '@element-ps/hooks'\nimport isServer from '@element-ps/utils/isServer'\nimport PopupManager from '@element-ps/utils/popup-manager'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when desctroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function doOpen() {\n    if (isServer) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockScreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAU,IAAI;AACpB,QAAM,SAAS,IAAI;AACnB,QAAM,WAAW,IAAI;AACrB,QAAM,SAAS,IAAI,MAAM,UAAU,aAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiB,SAAS,MAC9B,SAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQ,SAAwB,MAAM;AAC1C,UAAM,SAAuB;AAC7B,UAAM,YAAY;AAClB,QAAI,CAAC,MAAM,YAAY;AACrB,UAAI,MAAM,KAAK;AACb,eAAM,GAAG,0BAA0B,MAAM;AAAA;AAE3C,UAAI,MAAM,OAAO;AACf,eAAM,GAAG,qBAAqB,eAAe;AAAA;AAAA;AAGjD,WAAO;AAAA;AAGT,kBAAgB;AACd;AACA;AAEA,QAAI,MAAM,aAAa,MAAM,YAAY,GAAG;AAC1C;AAAC,MAAC,GAAE,MAAM,cAAc,aAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAe,aAAa,MAAM,WAAW,MAAM;AAAA,WACxD;AACL;AAAA;AAAA;AAIJ,gBAAc,cAAuB;AACnC,QAAI;AAAc;AAClB,WAAO,QAAQ;AACf,YAAQ,QAAQ;AAAA;AAGlB,yBAAuB;AACrB,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY;AAAA,WACb;AACL;AAAA;AAAA;AAIJ,oBAAkB;AAChB,QAAI,UAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,kBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,aACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,mBAAiB;AAEjB,QACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAU,aAAa;AAE5D,eAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,YAAU,MAAM;AACd,QAAI,MAAM,YAAY;AACpB,cAAQ,QAAQ;AAChB,eAAS,QAAQ;AACjB;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}
+{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\n\nimport { useLockScreen, useRestoreActive, useModal } from '@element-ps/hooks'\nimport isServer from '@element-ps/utils/isServer'\nimport PopupManager from '@element-ps/utils/popup-manager'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(true) // when desctroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function doOpen() {\n    if (isServer) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockScreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAU,IAAI;AACpB,QAAM,SAAS,IAAI;AACnB,QAAM,WAAW,IAAI;AACrB,QAAM,SAAS,IAAI,MAAM,UAAU,aAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiB,SAAS,MAC9B,SAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQ,SAAwB,MAAM;AAC1C,UAAM,SAAuB;AAC7B,UAAM,YAAY;AAClB,QAAI,CAAC,MAAM,YAAY;AACrB,UAAI,MAAM,KAAK;AACb,eAAM,GAAG,0BAA0B,MAAM;AAAA;AAE3C,UAAI,MAAM,OAAO;AACf,eAAM,GAAG,qBAAqB,eAAe;AAAA;AAAA;AAGjD,WAAO;AAAA;AAGT,kBAAgB;AACd;AACA;AAEA,QAAI,MAAM,aAAa,MAAM,YAAY,GAAG;AAC1C;AAAC,MAAC,GAAE,MAAM,cAAc,aAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAe,aAAa,MAAM,WAAW,MAAM;AAAA,WACxD;AACL;AAAA;AAAA;AAIJ,gBAAc,cAAuB;AACnC,QAAI;AAAc;AAClB,WAAO,QAAQ;AACf,YAAQ,QAAQ;AAAA;AAGlB,yBAAuB;AACrB,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY;AAAA,WACb;AACL;AAAA;AAAA;AAIJ,oBAAkB;AAChB,QAAI,UAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,kBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,aACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,mBAAiB;AAEjB,QACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAU,aAAa;AAE5D,eAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,YAAU,MAAM;AACd,QAAI,MAAM,YAAY;AACpB,cAAQ,QAAQ;AAChB,eAAS,QAAQ;AACjB;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}

package/es/packages/components/divider/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/divider.mjs';
-export { dividerProps } from './src/divider2.mjs';
+import './src/divider2.mjs';
+export { dividerProps } from './src/divider.mjs';
 import script from './src/divider.vue_vue&type=script&lang.mjs';
 
 const PsDivider = withInstall(script);

package/es/packages/components/divider/src/divider.mjs

@@ -1,7 +1,17 @@
-import script from './divider.vue_vue&type=script&lang.mjs';
-export { default } from './divider.vue_vue&type=script&lang.mjs';
-import { render } from './divider.vue_vue&type=template&id=6ddd3543&lang.mjs';
+import { buildProps } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/divider/src/divider.vue";
+const dividerProps = buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  }
+});
+
+export { dividerProps };
 //# sourceMappingURL=divider.mjs.map

package/es/packages/components/divider/src/divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"divider.mjs","sources":["../../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n"],"names":[],"mappings":";;MAIa,eAAe,WAAW;AAAA,EACrC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ,CAAC,cAAc;AAAA,IACvB,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,UAAU;AAAA,IAC3B,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/divider/src/divider.vue_vue&type=script&lang.mjs

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { dividerProps } from './divider2.mjs';
+import { dividerProps } from './divider.mjs';
 
 var script = defineComponent({
   name: "PsDivider",

package/es/packages/components/divider/src/divider2.mjs

@@ -1,17 +1,7 @@
-import { buildProps } from '../../../utils/props.mjs';
+import script from './divider.vue_vue&type=script&lang.mjs';
+export { default } from './divider.vue_vue&type=script&lang.mjs';
+import { render } from './divider.vue_vue&type=template&id=6ddd3543&lang.mjs';
 
-const dividerProps = buildProps({
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  contentPosition: {
-    type: String,
-    values: ["left", "center", "right"],
-    default: "center"
-  }
-});
-
-export { dividerProps };
+script.render = render;
+script.__file = "packages/components/divider/src/divider.vue";
 //# sourceMappingURL=divider2.mjs.map

package/es/packages/components/divider/src/divider2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.mjs","sources":["../../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n"],"names":[],"mappings":";;MAIa,eAAe,WAAW;AAAA,EACrC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ,CAAC,cAAc;AAAA,IACvB,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,UAAU;AAAA,IAC3B,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"divider2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/drawer/src/index.vue_vue&type=script&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/drawer/src/index.vue"],"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":[],"mappings":";;;;;;;;AAkEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,IACH,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB;AACnC,eAAO,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,IAGzD,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAIV,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY,IAAiB;AACnC,WAAO;AAAA,SACF,UAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAc,SACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAY,SAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/drawer/src/index.vue"],"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(':')[1]}`\"\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(':')[1]}`\">\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":[],"mappings":";;;;;;;;AAkEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,IACH,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB;AACnC,eAAO,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,IAGzD,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAIV,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY,IAAiB;AACnC,WAAO;AAAA,SACF,UAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAc,SACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAY,SAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.mjs

@@ -37,7 +37,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               id: "el-drawer__title",
               class: "el-drawer__header",
-              widget: `drawer:title:${_ctx.widget.split(":")}`
+              widget: `drawer:title:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createElementVNode("span", {
@@ -62,7 +62,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (openBlock(), createElementBlock("section", {
               key: 1,
               class: "el-drawer__body",
-              widget: `drawer:default:${_ctx.widget.split(":")}`
+              widget: `drawer:default:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "default")
             ], 8, _hoisted_6)) : createCommentVNode("v-if", true)