npm - element-ps - Versions diffs - 1.0.16 → 1.0.19 - Mend

element-ps 1.0.16 → 1.0.19

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 (306) hide show

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

@@ -2,11 +2,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var link_vue_vue_type_script_lang = require('./link.vue_vue&type=script&lang.js');
-var link_vue_vue_type_template_id_6a422645_lang = require('./link.vue_vue&type=template&id=6a422645&lang.js');
+var props = require('../../../utils/props.js');
-link_vue_vue_type_script_lang["default"].render = link_vue_vue_type_template_id_6a422645_lang.render;
-link_vue_vue_type_script_lang["default"].__file = "packages/components/link/src/link.vue";
+const linkProps = props.buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: "default"
+  },
+  underline: {
+    type: Boolean,
+    default: true
+  },
+  disabled: { type: Boolean, default: false },
+  href: { type: String, default: "" },
+  icon: {
+    type: props.definePropType([String, Object]),
+    default: ""
+  }
+});
-exports["default"] = link_vue_vue_type_script_lang["default"];
+exports.linkProps = linkProps;
 //# sourceMappingURL=link.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"link.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"link.js","sources":["../../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const linkProps = buildProps({\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n default: 'default',\n },\n underline: {\n type: Boolean,\n default: true,\n },\n disabled: { type: Boolean, default: false },\n href: { type: String, default: '' },\n icon: {\n type: definePropType<string \| Component>([String, Object]),\n default: '',\n },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAGa,YAAYA,iBAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ,UAAU;AAAA,IAC5D,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU,EAAE,MAAM,SAAS,SAAS;AAAA,EACpC,MAAM,EAAE,MAAM,QAAQ,SAAS;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAMC,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
-var link = require('./link2.js');
+var link = require('./link.js');
 var index = require('../../icon/index.js');
 var script = vue.defineComponent({

package/lib/packages/components/link/src/link2.js CHANGED Viewed

@@ -2,25 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var props = require('../../../utils/props.js');
+var link_vue_vue_type_script_lang = require('./link.vue_vue&type=script&lang.js');
+var link_vue_vue_type_template_id_6a422645_lang = require('./link.vue_vue&type=template&id=6a422645&lang.js');
-const linkProps = props.buildProps({
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger", "default"],
-    default: "default"
-  },
-  underline: {
-    type: Boolean,
-    default: true
-  },
-  disabled: { type: Boolean, default: false },
-  href: { type: String, default: "" },
-  icon: {
-    type: props.definePropType([String, Object]),
-    default: ""
-  }
-});
+link_vue_vue_type_script_lang["default"].render = link_vue_vue_type_template_id_6a422645_lang.render;
+link_vue_vue_type_script_lang["default"].__file = "packages/components/link/src/link.vue";
-exports.linkProps = linkProps;
+exports["default"] = link_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=link2.js.map

package/lib/packages/components/link/src/link2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link2.js","sources":[~~"../../../../../../../packages/components/link/src/link.ts"~~],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const linkProps = buildProps({\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger', 'default']~~,\n default: 'default',\n },\n underline: {\n type: Boolean,\n default: true,\n },\n disabled: { type: Boolean~~, default: false },\n href: { type: String, default: '' },\n icon: {\n type: definePropType<string \| Component>([String, Object]),\n default: '',\n },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n"~~],"~~names":[~~"buildProps","definePropType"~~],"mappings":";;;;;;MAGa,YAAYA,iBAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ,UAAU;AAAA,IAC5D,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU,EAAE,MAAM,SAAS,SAAS;AAAA,EACpC,MAAM,EAAE,MAAM,QAAQ,SAAS;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAMC,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"link2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var withInstall = require('../../utils/with-install.js');
 var menu = require('./src/menu.js');
 require('./src/menu-item2.js');
-require('./src/menu-item-group.js');
+require('./src/menu-item-group2.js');
 var subMenu = require('./src/sub-menu.js');
 var menuItem = require('./src/menu-item.js');
-var menuItemGroup = require('./src/menu-item-group2.js');
+var menuItemGroup = require('./src/menu-item-group.js');
 require('./src/types.js');
 var menuItem_vue_vue_type_script_lang = require('./src/menu-item.vue_vue&type=script&lang.js');
 var menuItemGroup_vue_vue_type_script_lang = require('./src/menu-item-group.vue_vue&type=script&lang.js');

package/lib/packages/components/menu/src/menu-item-group.js CHANGED Viewed

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var menuItemGroup_vue_vue_type_script_lang = require('./menu-item-group.vue_vue&type=script&lang.js');
-var menuItemGroup_vue_vue_type_template_id_67a2995d_lang = require('./menu-item-group.vue_vue&type=template&id=67a2995d&lang.js');
+const menuItemGroupProps = {
+  title: String
+};
-menuItemGroup_vue_vue_type_script_lang["default"].render = menuItemGroup_vue_vue_type_template_id_67a2995d_lang.render;
-menuItemGroup_vue_vue_type_script_lang["default"].__file = "packages/components/menu/src/menu-item-group.vue";
-exports["default"] = menuItemGroup_vue_vue_type_script_lang["default"];
+exports.menuItemGroupProps = menuItemGroupProps;
 //# sourceMappingURL=menu-item-group.js.map

package/lib/packages/components/menu/src/menu-item-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-item-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"menu-item-group.js","sources":["../../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"],"names":[],"mappings":";;;;MAEa,qBAAqB;AAAA,EAChC,OAAO;AAAA;;;;"}

package/lib/packages/components/menu/src/menu-item-group.vue_vue&type=script&lang.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var error = require('../../../utils/error.js');
-var menuItemGroup = require('./menu-item-group2.js');
+var menuItemGroup = require('./menu-item-group.js');
 const COMPONENT_NAME = "ElMenuItemGroup";
 var script = vue.defineComponent({

package/lib/packages/components/menu/src/menu-item-group2.js CHANGED Viewed

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const menuItemGroupProps = {
-  title: String
-};
+var menuItemGroup_vue_vue_type_script_lang = require('./menu-item-group.vue_vue&type=script&lang.js');
+var menuItemGroup_vue_vue_type_template_id_67a2995d_lang = require('./menu-item-group.vue_vue&type=template&id=67a2995d&lang.js');
-exports.menuItemGroupProps = menuItemGroupProps;
+menuItemGroup_vue_vue_type_script_lang["default"].render = menuItemGroup_vue_vue_type_template_id_67a2995d_lang.render;
+menuItemGroup_vue_vue_type_script_lang["default"].__file = "packages/components/menu/src/menu-item-group.vue";
+exports["default"] = menuItemGroup_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=menu-item-group2.js.map

package/lib/packages/components/menu/src/menu-item-group2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-item-group2.js","sources":[~~"../../../../../../../packages/components/menu/src/menu-item-group.ts"~~],"sourcesContent":[~~"import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"~~],"names":[],"mappings":"~~;;;;MAEa,qBAAqB;AAAA,EAChC,OAAO;AAAA;;;;~~"}
1	+ {"version":3,"file":"menu-item-group2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

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

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

@@ -2,91 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var icons = require('@element-plus/icons');
-var constants = require('../../../utils/constants.js');
-var props = require('../../../utils/props.js');
+var rate_vue_vue_type_script_lang = require('./rate.vue_vue&type=script&lang.js');
+var rate_vue_vue_type_template_id_38c42df6_lang = require('./rate.vue_vue&type=template&id=38c42df6&lang.js');
-const rateProps = props.buildProps({
-  modelValue: {
-    type: Number,
-    default: 0
-  },
-  lowThreshold: {
-    type: Number,
-    default: 2
-  },
-  highThreshold: {
-    type: Number,
-    default: 4
-  },
-  max: {
-    type: Number,
-    default: 5
-  },
-  colors: {
-    type: props.definePropType([Array, Object]),
-    default: () => props.mutable(["#F7BA2A", "#F7BA2A", "#F7BA2A"])
-  },
-  voidColor: {
-    type: String,
-    default: "#C6D1DE"
-  },
-  disabledVoidColor: {
-    type: String,
-    default: "#EFF2F7"
-  },
-  icons: {
-    type: props.definePropType([Array, Object]),
-    default: () => [icons.StarFilled, icons.StarFilled, icons.StarFilled]
-  },
-  voidIcon: {
-    type: props.definePropType([String, Object]),
-    default: () => icons.Star
-  },
-  disabledvoidIcon: {
-    type: props.definePropType([String, Object]),
-    default: () => icons.StarFilled
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  allowHalf: {
-    type: Boolean,
-    default: false
-  },
-  showText: {
-    type: Boolean,
-    default: false
-  },
-  showScore: {
-    type: Boolean,
-    default: false
-  },
-  textColor: {
-    type: String,
-    default: "#1f2d3d"
-  },
-  texts: {
-    type: props.definePropType([Array]),
-    default: () => props.mutable([
-      "Extremely bad",
-      "Disappointed",
-      "Fair",
-      "Satisfied",
-      "Surprise"
-    ])
-  },
-  scoreTemplate: {
-    type: String,
-    default: "{value}"
-  }
-});
-const rateEmits = {
-  change: (value) => typeof value === "number",
-  [constants.UPDATE_MODEL_EVENT]: (value) => typeof value === "number"
-};
+rate_vue_vue_type_script_lang["default"].render = rate_vue_vue_type_template_id_38c42df6_lang.render;
+rate_vue_vue_type_script_lang["default"].__file = "packages/components/rate/src/rate.vue";
-exports.rateEmits = rateEmits;
-exports.rateProps = rateProps;
+exports["default"] = rate_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=rate.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rate.js","sources":[~~"../../../../../../../packages/components/rate/src/rate.ts"~~],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons'\nimport { UPDATE_MODEL_EVENT } from '@element-ps/utils/constants'\nimport { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const rateProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n lowThreshold: {\n type: Number,\n default: 2,\n },\n highThreshold: {\n type: Number,\n default: 4,\n },\n max: {\n type: Number,\n default: 5,\n },\n colors: {\n type: definePropType<string[] ~~\| Record<number~~, string>>([Array, Object]),\n default: () => mutable(['#F7BA2A', '#F7BA2A', '#F7BA2A'] as const),\n },\n voidColor: {\n type: String,\n default: '#C6D1DE',\n },\n disabledVoidColor: {\n type: String,\n default: '#EFF2F7',\n },\n icons: {\n type: definePropType<\n Array<string \| Component> \| Record<number, string \| Component>\n >([Array, Object]),\n default: () => [StarFilled, StarFilled, StarFilled],\n },\n voidIcon: {\n type: definePropType<string \| Component>([String, Object]),\n default: () => Star,\n },\n disabledvoidIcon: {\n type: definePropType<string \| Component>([String, Object]),\n default: () => StarFilled,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n allowHalf: {\n type: Boolean,\n default: false,\n },\n showText: {\n type: Boolean,\n default: false,\n },\n showScore: {\n type: Boolean,\n default: false,\n },\n textColor: {\n type: String,\n default: '#1f2d3d',\n },\n texts: {\n type: definePropType<string[]>([Array]),\n default: () =>\n mutable([\n 'Extremely bad',\n 'Disappointed',\n 'Fair',\n 'Satisfied',\n 'Surprise',\n ] as const),\n },\n scoreTemplate: {\n type: String,\n default: '{value}',\n },\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n change: (value: number) => typeof value === 'number',\n [UPDATE_MODEL_EVENT]: (value: number) => typeof value === 'number',\n}\nexport type RateEmits = typeof rateEmits\n"~~],"~~names":[~~"buildProps","definePropType","mutable","StarFilled","Star","UPDATE_MODEL_EVENT"~~],"mappings":";;;;;;;;MAKa,YAAYA,iBAAW;AAAA,EAClC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAMC,qBAAkD,CAAC,OAAO;AAAA,IAChE,SAAS,MAAMC,cAAQ,CAAC,WAAW,WAAW;AAAA;AAAA,EAEhD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMD,qBAEJ,CAAC,OAAO;AAAA,IACV,SAAS,MAAM,CAACE,kBAAYA,kBAAYA;AAAA;AAAA,EAE1C,UAAU;AAAA,IACR,MAAMF,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAMG;AAAA;AAAA,EAEjB,kBAAkB;AAAA,IAChB,MAAMH,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAME;AAAA;AAAA,EAEjB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMF,qBAAyB,CAAC;AAAA,IAChC,SAAS,MACPC,cAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,EAGN,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAMA,YAAY;AAAA,EACvB,QAAQ,CAAC,UAAkB,OAAO,UAAU;AAAA,GAC3CG,+BAAqB,CAAC,UAAkB,OAAO,UAAU;AAAA;;;;;"}
1	+ {"version":3,"file":"rate.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -7,7 +7,7 @@ var shared = require('@vue/shared');
 require('../../../tokens/index.js');
 var index = require('../../icon/index.js');
 var icons = require('@element-plus/icons');
-var rate = require('./rate.js');
+var rate = require('./rate2.js');
 var form = require('../../../tokens/form.js');
 function getValueFromMap(value, map) {

package/lib/packages/components/rate/src/rate2.js CHANGED Viewed

@@ -2,11 +2,91 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var rate_vue_vue_type_script_lang = require('./rate.vue_vue&type=script&lang.js');
-var rate_vue_vue_type_template_id_38c42df6_lang = require('./rate.vue_vue&type=template&id=38c42df6&lang.js');
+var icons = require('@element-plus/icons');
+var constants = require('../../../utils/constants.js');
+var props = require('../../../utils/props.js');
-rate_vue_vue_type_script_lang["default"].render = rate_vue_vue_type_template_id_38c42df6_lang.render;
-rate_vue_vue_type_script_lang["default"].__file = "packages/components/rate/src/rate.vue";
+const rateProps = props.buildProps({
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  lowThreshold: {
+    type: Number,
+    default: 2
+  },
+  highThreshold: {
+    type: Number,
+    default: 4
+  },
+  max: {
+    type: Number,
+    default: 5
+  },
+  colors: {
+    type: props.definePropType([Array, Object]),
+    default: () => props.mutable(["#F7BA2A", "#F7BA2A", "#F7BA2A"])
+  },
+  voidColor: {
+    type: String,
+    default: "#C6D1DE"
+  },
+  disabledVoidColor: {
+    type: String,
+    default: "#EFF2F7"
+  },
+  icons: {
+    type: props.definePropType([Array, Object]),
+    default: () => [icons.StarFilled, icons.StarFilled, icons.StarFilled]
+  },
+  voidIcon: {
+    type: props.definePropType([String, Object]),
+    default: () => icons.Star
+  },
+  disabledvoidIcon: {
+    type: props.definePropType([String, Object]),
+    default: () => icons.StarFilled
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  allowHalf: {
+    type: Boolean,
+    default: false
+  },
+  showText: {
+    type: Boolean,
+    default: false
+  },
+  showScore: {
+    type: Boolean,
+    default: false
+  },
+  textColor: {
+    type: String,
+    default: "#1f2d3d"
+  },
+  texts: {
+    type: props.definePropType([Array]),
+    default: () => props.mutable([
+      "Extremely bad",
+      "Disappointed",
+      "Fair",
+      "Satisfied",
+      "Surprise"
+    ])
+  },
+  scoreTemplate: {
+    type: String,
+    default: "{value}"
+  }
+});
+const rateEmits = {
+  change: (value) => typeof value === "number",
+  [constants.UPDATE_MODEL_EVENT]: (value) => typeof value === "number"
+};
-exports["default"] = rate_vue_vue_type_script_lang["default"];
+exports.rateEmits = rateEmits;
+exports.rateProps = rateProps;
 //# sourceMappingURL=rate2.js.map

package/lib/packages/components/rate/src/rate2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rate2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"rate2.js","sources":["../../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons'\nimport { UPDATE_MODEL_EVENT } from '@element-ps/utils/constants'\nimport { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const rateProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n lowThreshold: {\n type: Number,\n default: 2,\n },\n highThreshold: {\n type: Number,\n default: 4,\n },\n max: {\n type: Number,\n default: 5,\n },\n colors: {\n type: definePropType<string[] \| Record<number, string>>([Array, Object]),\n default: () => mutable(['#F7BA2A', '#F7BA2A', '#F7BA2A'] as const),\n },\n voidColor: {\n type: String,\n default: '#C6D1DE',\n },\n disabledVoidColor: {\n type: String,\n default: '#EFF2F7',\n },\n icons: {\n type: definePropType<\n Array<string \| Component> \| Record<number, string \| Component>\n >([Array, Object]),\n default: () => [StarFilled, StarFilled, StarFilled],\n },\n voidIcon: {\n type: definePropType<string \| Component>([String, Object]),\n default: () => Star,\n },\n disabledvoidIcon: {\n type: definePropType<string \| Component>([String, Object]),\n default: () => StarFilled,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n allowHalf: {\n type: Boolean,\n default: false,\n },\n showText: {\n type: Boolean,\n default: false,\n },\n showScore: {\n type: Boolean,\n default: false,\n },\n textColor: {\n type: String,\n default: '#1f2d3d',\n },\n texts: {\n type: definePropType<string[]>([Array]),\n default: () =>\n mutable([\n 'Extremely bad',\n 'Disappointed',\n 'Fair',\n 'Satisfied',\n 'Surprise',\n ] as const),\n },\n scoreTemplate: {\n type: String,\n default: '{value}',\n },\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n change: (value: number) => typeof value === 'number',\n [UPDATE_MODEL_EVENT]: (value: number) => typeof value === 'number',\n}\nexport type RateEmits = typeof rateEmits\n"],"names":["buildProps","definePropType","mutable","StarFilled","Star","UPDATE_MODEL_EVENT"],"mappings":";;;;;;;;MAKa,YAAYA,iBAAW;AAAA,EAClC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAMC,qBAAkD,CAAC,OAAO;AAAA,IAChE,SAAS,MAAMC,cAAQ,CAAC,WAAW,WAAW;AAAA;AAAA,EAEhD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMD,qBAEJ,CAAC,OAAO;AAAA,IACV,SAAS,MAAM,CAACE,kBAAYA,kBAAYA;AAAA;AAAA,EAE1C,UAAU;AAAA,IACR,MAAMF,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAMG;AAAA;AAAA,EAEjB,kBAAkB;AAAA,IAChB,MAAMH,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAME;AAAA;AAAA,EAEjB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMF,qBAAyB,CAAC;AAAA,IAChC,SAAS,MACPC,cAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,EAGN,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAMA,YAAY;AAAA,EACvB,QAAQ,CAAC,UAAkB,OAAO,UAAU;AAAA,GAC3CG,+BAAqB,CAAC,UAAkB,OAAO,UAAU;AAAA;;;;;"}

package/lib/packages/components/select-v2/src/defaults.js CHANGED Viewed

@@ -38,7 +38,7 @@ const SelectProps = {
   loading: Boolean,
   loadingText: String,
   label: String,
-  modelValue: [Array, String, Number, Boolean, Object],
+  _modelValue: [Array, String, Number, Boolean, Object],
   multiple: Boolean,
   multipleLimit: {
     type: Number,

package/lib/packages/components/select-v2/src/defaults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaults.js","sources":["../../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ComponentSize } from '@element-ps/utils/types'\nimport type { OptionType } from './select.types'\nimport type { Options } from '@element-ps/components/popper'\n\nexport const SelectProps = {\n allowCreate: Boolean,\n autocomplete: {\n type: String as PropType<'none' \| 'both' \| 'list' \| 'inline'>,\n default: 'none',\n },\n automaticDropdown: Boolean,\n clearable: Boolean,\n clearIcon: {\n type: [String, Object] as PropType<string \| Component>,\n default: CircleClose,\n },\n collapseTags: Boolean,\n defaultFirstOption: Boolean,\n disabled: Boolean,\n estimatedOptionHeight: {\n type: Number,\n default: undefined,\n },\n filterable: Boolean,\n filterMethod: Function,\n height: {\n type: Number,\n default: 170, // 5 items by default\n },\n itemHeight: {\n type: Number,\n default: 34,\n },\n id: String,\n loading: Boolean,\n loadingText: String,\n label: String,\n ~~modelValue~~: [Array, String, Number, Boolean, Object] as PropType<\n any[] \| string \| number \| boolean \| Record<string, any> \| any\n >,\n multiple: Boolean,\n multipleLimit: {\n type: Number,\n default: 0,\n },\n name: String,\n noDataText: String,\n noMatchText: String,\n remoteMethod: Function,\n reserveKeyword: Boolean,\n options: {\n type: Array as PropType<OptionType[]>,\n required: true,\n },\n placeholder: {\n type: String,\n },\n popperAppendToBody: {\n type: Boolean,\n default: true,\n },\n popperClass: {\n type: String,\n default: '',\n },\n popperOptions: {\n type: Object as PropType<Partial<Options>>,\n default: () => ({} as Partial<Options>),\n },\n remote: Boolean,\n size: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize,\n },\n valueKey: {\n type: String,\n default: 'value',\n },\n}\n\nexport const OptionProps = {\n data: Array,\n disabled: Boolean,\n hovering: Boolean,\n item: Object,\n index: Number,\n style: Object,\n selected: Boolean,\n created: Boolean,\n}\n"],"names":["CircleClose","isValidComponentSize"],"mappings":";;;;;;;MAQa,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA,IACf,SAASA;AAAA;AAAA,EAEX,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,uBAAuB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AAAA,EACP,~~YAAY~~,CAAC,OAAO,QAAQ,QAAQ,SAAS;AAAA,~~EAG7C~~,UAAU;AAAA,EACV,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,aAAa;AAAA,IACX,MAAM;AAAA;AAAA,EAER,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAO;AAAA,EAElB,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAWC;AAAA;AAAA,EAEb,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAIA,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA;;;;;"}
1	+ {"version":3,"file":"defaults.js","sources":["../../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ComponentSize } from '@element-ps/utils/types'\nimport type { OptionType } from './select.types'\nimport type { Options } from '@element-ps/components/popper'\n\nexport const SelectProps = {\n allowCreate: Boolean,\n autocomplete: {\n type: String as PropType<'none' \| 'both' \| 'list' \| 'inline'>,\n default: 'none',\n },\n automaticDropdown: Boolean,\n clearable: Boolean,\n clearIcon: {\n type: [String, Object] as PropType<string \| Component>,\n default: CircleClose,\n },\n collapseTags: Boolean,\n defaultFirstOption: Boolean,\n disabled: Boolean,\n estimatedOptionHeight: {\n type: Number,\n default: undefined,\n },\n filterable: Boolean,\n filterMethod: Function,\n height: {\n type: Number,\n default: 170, // 5 items by default\n },\n itemHeight: {\n type: Number,\n default: 34,\n },\n id: String,\n loading: Boolean,\n loadingText: String,\n label: String,\n _modelValue: [Array, String, Number, Boolean, Object] as PropType<\n any[] \| string \| number \| boolean \| Record<string, any> \| any\n >,\n multiple: Boolean,\n multipleLimit: {\n type: Number,\n default: 0,\n },\n name: String,\n noDataText: String,\n noMatchText: String,\n remoteMethod: Function,\n reserveKeyword: Boolean,\n options: {\n type: Array as PropType<OptionType[]>,\n required: true,\n },\n placeholder: {\n type: String,\n },\n popperAppendToBody: {\n type: Boolean,\n default: true,\n },\n popperClass: {\n type: String,\n default: '',\n },\n popperOptions: {\n type: Object as PropType<Partial<Options>>,\n default: () => ({} as Partial<Options>),\n },\n remote: Boolean,\n size: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize,\n },\n valueKey: {\n type: String,\n default: 'value',\n },\n}\n\nexport const OptionProps = {\n data: Array,\n disabled: Boolean,\n hovering: Boolean,\n item: Object,\n index: Number,\n style: Object,\n selected: Boolean,\n created: Boolean,\n}\n"],"names":["CircleClose","isValidComponentSize"],"mappings":";;;;;;;MAQa,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA,IACf,SAASA;AAAA;AAAA,EAEX,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,uBAAuB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa,CAAC,OAAO,QAAQ,QAAQ,SAAS;AAAA,EAG9C,UAAU;AAAA,EACV,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,aAAa;AAAA,IACX,MAAM;AAAA;AAAA,EAER,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAO;AAAA,EAElB,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAWC;AAAA;AAAA,EAEb,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAIA,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA;;;;;"}

package/lib/packages/components/select-v2/src/select.vue_vue&type=script&lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n <div\n ref=\"selectRef\"\n :class=\"[selectSize ? 'el-select-v2--' + selectSize : '']\"\n class=\"el-select-v2\"\n >\n <div\n ref=\"selectionRef\"\n class=\"el-select-v2__wrapper\"\n :class=\"{\n 'is-focused': states.isComposing,\n 'is-hovering': states.comboBoxHovering,\n 'is-filterable': filterable,\n 'is-disabled': disabled,\n }\"\n >\n <div v-if=\"$slots.prefix\">\n <slot name=\"prefix\"></slot>\n </div>\n <div v-if=\"multiple\" class=\"el-select-v2__selection\">\n <template v-if=\"collapseTags && ~~modelValue~~.length > 0\">\n <div class=\"el-select-v2__selected-item\">\n <ps-tag\n :closable=\"!selectDisabled && !states.cachedOptions[0]?.disable\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ states.cachedOptions[0].label }}</span\n >\n </ps-tag>\n <ps-tag\n v-if=\"~~modelValue~~.length > 1\"\n :closable=\"false\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >+ {{ ~~modelValue~~.length - 1 }}</span\n >\n </ps-tag>\n </div>\n </template>\n\n <template v-else>\n <div\n v-for=\"(selected, idx) in states.cachedOptions\"\n :key=\"idx\"\n class=\"el-select-v2__selected-item\"\n >\n <ps-tag\n :key=\"getValueKey(selected)\"\n :closable=\"!selectDisabled && !selected.disabled\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ getLabel(selected) }}</span\n >\n </ps-tag>\n </div>\n </template>\n <div\n class=\"el-select-v2__selected-item el-select-v2__input-wrapper\"\n :style=\"inputWrapperStyle\"\n >\n <input\n :id=\"id\"\n ref=\"inputRef\"\n :autocomplete=\"autocomplete\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n autocapitalize=\"off\"\n :aria-expanded=\"expanded\"\n :aria-labelledby=\"label\"\n class=\"el-select-v2__combobox-input\"\n :class=\"[selectSize ? `is-${selectSize}` : '']\"\n :disabled=\"disabled\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :name=\"name\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n >\n </span>\n </div>\n </div>\n <template v-else>\n <div class=\"el-select-v2__selected-item el-select-v2__input-wrapper\">\n <input\n :id=\"id\"\n ref=\"inputRef\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n :aria-labelledby=\"label\"\n :aria-expanded=\"expanded\"\n autocapitalize=\"off\"\n :autocomplete=\"autocomplete\"\n class=\"el-select-v2__combobox-input\"\n :disabled=\"disabled\"\n :name=\"name\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n </div>\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__selected-item el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n ></span>\n </template>\n <span\n v-if=\"shouldShowPlaceholder\"\n :class=\"{\n 'el-select-v2__placeholder': true,\n 'is-transparent':\n states.isComposing \|\|\n (placeholder && multiple ? ~~modelValue~~.length === 0 : !~~modelValue~~),\n }\"\n >{{ currentPlaceholder }}</span\n >\n <span class=\"el-select-v2__suffix\">\n <ps-icon\n v-if=\"iconComponent\"\n v-show=\"!showClearBtn\"\n :class=\"['el-select-v2__caret', 'el-input__icon', iconReverse]\"\n >\n <component :is=\"iconComponent\" />\n </ps-icon>\n <ps-icon\n v-if=\"showClearBtn && clearIcon\"\n class=\"el-select-v2__caret el-input__icon\"\n >\n <component :is=\"clearIcon\" />\n </ps-icon>\n </span>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive } from 'vue'\nimport PsTag from '@element-ps/components/tag'\nimport useSelect from './useSelect'\nimport { selectV2InjectionKey } from './token'\nimport { SelectProps } from './defaults'\nimport PsIcon from '@element-ps/components/icon'\n\nexport default defineComponent({\n name: 'PsSelectV2',\n components: {\n PsTag,\n PsIcon\n },\n props: SelectProps,\n setup(props, { emit }) {\n const API = useSelect(props, emit)\n ~~// TODO, remove the any cast to align the actual API.\n~~ provide(selectV2InjectionKey, {\n props: reactive({\n ...toRefs(props),\n }),\n } as any)\n\n return API\n },\n})\n</script>\n"],"names":["defineComponent","PsTag","PsIcon","SelectProps","useSelect","selectV2InjectionKey","reactive","toRefs"],"mappings":";;;;;;;;;;;AAgLA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,YACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,MAAMC,qBAAU,OAAO;~~AAE7B~~,gBAAQC,4BAAsB;AAAA,MAC5B,OAAOC,aAAS;AAAA,WACXC,WAAO;AAAA;AAAA;AAId,WAAO;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"select.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n <div\n ref=\"selectRef\"\n :class=\"[selectSize ? 'el-select-v2--' + selectSize : '']\"\n class=\"el-select-v2\"\n >\n <div\n ref=\"selectionRef\"\n class=\"el-select-v2__wrapper\"\n :class=\"{\n 'is-focused': states.isComposing,\n 'is-hovering': states.comboBoxHovering,\n 'is-filterable': filterable,\n 'is-disabled': disabled,\n }\"\n >\n <div v-if=\"$slots.prefix\">\n <slot name=\"prefix\"></slot>\n </div>\n <div v-if=\"multiple\" class=\"el-select-v2__selection\">\n <template v-if=\"collapseTags && _modelValue.length > 0\">\n <div class=\"el-select-v2__selected-item\">\n <ps-tag\n :closable=\"!selectDisabled && !states.cachedOptions[0]?.disable\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ states.cachedOptions[0].label }}</span\n >\n </ps-tag>\n <ps-tag\n v-if=\"_modelValue.length > 1\"\n :closable=\"false\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >+ {{ _modelValue.length - 1 }}</span\n >\n </ps-tag>\n </div>\n </template>\n\n <template v-else>\n <div\n v-for=\"(selected, idx) in states.cachedOptions\"\n :key=\"idx\"\n class=\"el-select-v2__selected-item\"\n >\n <ps-tag\n :key=\"getValueKey(selected)\"\n :closable=\"!selectDisabled && !selected.disabled\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ getLabel(selected) }}</span\n >\n </ps-tag>\n </div>\n </template>\n <div\n class=\"el-select-v2__selected-item el-select-v2__input-wrapper\"\n :style=\"inputWrapperStyle\"\n >\n <input\n :id=\"id\"\n ref=\"inputRef\"\n :autocomplete=\"autocomplete\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n autocapitalize=\"off\"\n :aria-expanded=\"expanded\"\n :aria-labelledby=\"label\"\n class=\"el-select-v2__combobox-input\"\n :class=\"[selectSize ? `is-${selectSize}` : '']\"\n :disabled=\"disabled\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :name=\"name\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n >\n </span>\n </div>\n </div>\n <template v-else>\n <div class=\"el-select-v2__selected-item el-select-v2__input-wrapper\">\n <input\n :id=\"id\"\n ref=\"inputRef\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n :aria-labelledby=\"label\"\n :aria-expanded=\"expanded\"\n autocapitalize=\"off\"\n :autocomplete=\"autocomplete\"\n class=\"el-select-v2__combobox-input\"\n :disabled=\"disabled\"\n :name=\"name\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n </div>\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__selected-item el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n ></span>\n </template>\n <span\n v-if=\"shouldShowPlaceholder\"\n :class=\"{\n 'el-select-v2__placeholder': true,\n 'is-transparent':\n states.isComposing \|\|\n (placeholder && multiple ? _modelValue.length === 0 : !_modelValue),\n }\"\n >{{ currentPlaceholder }}</span\n >\n <span class=\"el-select-v2__suffix\">\n <ps-icon\n v-if=\"iconComponent\"\n v-show=\"!showClearBtn\"\n :class=\"['el-select-v2__caret', 'el-input__icon', iconReverse]\"\n >\n <component :is=\"iconComponent\" />\n </ps-icon>\n <ps-icon\n v-if=\"showClearBtn && clearIcon\"\n class=\"el-select-v2__caret el-input__icon\"\n >\n <component :is=\"clearIcon\" />\n </ps-icon>\n </span>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive } from 'vue'\nimport PsTag from '@element-ps/components/tag'\nimport useSelect from './useSelect'\nimport { selectV2InjectionKey } from './token'\nimport { SelectProps } from './defaults'\nimport PsIcon from '@element-ps/components/icon'\n\nexport default defineComponent({\n name: 'PsSelectV2',\n components: {\n PsTag,\n PsIcon\n },\n props: SelectProps,\n setup(props, { emit }) {\n const API = useSelect(props, emit)\n provide(selectV2InjectionKey, {\n props: reactive({\n ...toRefs(props),\n }),\n } as any)\n\n return API\n },\n})\n</script>\n"],"names":["defineComponent","PsTag","PsIcon","SelectProps","useSelect","selectV2InjectionKey","reactive","toRefs"],"mappings":";;;;;;;;;;;AAgLA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,YACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,MAAMC,qBAAU,OAAO;AAC7B,gBAAQC,4BAAsB;AAAA,MAC5B,OAAOC,aAAS;AAAA,WACXC,WAAO;AAAA;AAAA;AAId,WAAO;AAAA;AAAA;;;;"}

package/lib/packages/components/select-v2/src/select.vue_vue&type=template&id=13e598a4&lang.js CHANGED Viewed

@@ -40,7 +40,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "prefix")
       ])) : vue.createCommentVNode("v-if", true),
       _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-        _ctx.collapseTags && _ctx.modelValue.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+        _ctx.collapseTags && _ctx._modelValue.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
           vue.createVNode(_component_ps_tag, {
             closable: !_ctx.selectDisabled && !((_a = _ctx.states.cachedOptions[0]) == null ? void 0 : _a.disable),
             size: _ctx.collapseTagSize,
@@ -57,7 +57,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["closable", "size"]),
-          _ctx.modelValue.length > 1 ? (vue.openBlock(), vue.createBlock(_component_ps_tag, {
+          _ctx._modelValue.length > 1 ? (vue.openBlock(), vue.createBlock(_component_ps_tag, {
             key: 0,
             closable: false,
             size: _ctx.collapseTagSize,
@@ -70,7 +70,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 style: vue.normalizeStyle({
                   maxWidth: `${_ctx.tagMaxWidth}px`
                 })
-              }, "+ " + vue.toDisplayString(_ctx.modelValue.length - 1), 5)
+              }, "+ " + vue.toDisplayString(_ctx._modelValue.length - 1), 5)
             ]),
             _: 1
           }, 8, ["size"])) : vue.createCommentVNode("v-if", true)
@@ -161,7 +161,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 3,
         class: vue.normalizeClass({
           "el-select-v2__placeholder": true,
-          "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.modelValue)
+          "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx._modelValue.length === 0 : !_ctx._modelValue)
         })
       }, vue.toDisplayString(_ctx.currentPlaceholder), 3)) : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("span", _hoisted_9, [

package/lib/packages/components/select-v2/src/select.vue_vue&type=template&id=13e598a4&lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.vue_vue&type=template&id=13e598a4&lang.js","sources":["../../../../../../../packages/components/select-v2/src/select.vue?vue&type=template&id=13e598a4&lang.js"],"sourcesContent":["<template>\n <div\n ref=\"selectRef\"\n :class=\"[selectSize ? 'el-select-v2--' + selectSize : '']\"\n class=\"el-select-v2\"\n >\n <div\n ref=\"selectionRef\"\n class=\"el-select-v2__wrapper\"\n :class=\"{\n 'is-focused': states.isComposing,\n 'is-hovering': states.comboBoxHovering,\n 'is-filterable': filterable,\n 'is-disabled': disabled,\n }\"\n >\n <div v-if=\"$slots.prefix\">\n <slot name=\"prefix\"></slot>\n </div>\n <div v-if=\"multiple\" class=\"el-select-v2__selection\">\n <template v-if=\"collapseTags && ~~modelValue~~.length > 0\">\n <div class=\"el-select-v2__selected-item\">\n <ps-tag\n :closable=\"!selectDisabled && !states.cachedOptions[0]?.disable\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ states.cachedOptions[0].label }}</span\n >\n </ps-tag>\n <ps-tag\n v-if=\"~~modelValue~~.length > 1\"\n :closable=\"false\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >+ {{ ~~modelValue~~.length - 1 }}</span\n >\n </ps-tag>\n </div>\n </template>\n\n <template v-else>\n <div\n v-for=\"(selected, idx) in states.cachedOptions\"\n :key=\"idx\"\n class=\"el-select-v2__selected-item\"\n >\n <ps-tag\n :key=\"getValueKey(selected)\"\n :closable=\"!selectDisabled && !selected.disabled\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ getLabel(selected) }}</span\n >\n </ps-tag>\n </div>\n </template>\n <div\n class=\"el-select-v2__selected-item el-select-v2__input-wrapper\"\n :style=\"inputWrapperStyle\"\n >\n <input\n :id=\"id\"\n ref=\"inputRef\"\n :autocomplete=\"autocomplete\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n autocapitalize=\"off\"\n :aria-expanded=\"expanded\"\n :aria-labelledby=\"label\"\n class=\"el-select-v2__combobox-input\"\n :class=\"[selectSize ? `is-${selectSize}` : '']\"\n :disabled=\"disabled\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :name=\"name\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n >\n </span>\n </div>\n </div>\n <template v-else>\n <div class=\"el-select-v2__selected-item el-select-v2__input-wrapper\">\n <input\n :id=\"id\"\n ref=\"inputRef\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n :aria-labelledby=\"label\"\n :aria-expanded=\"expanded\"\n autocapitalize=\"off\"\n :autocomplete=\"autocomplete\"\n class=\"el-select-v2__combobox-input\"\n :disabled=\"disabled\"\n :name=\"name\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n </div>\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__selected-item el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n ></span>\n </template>\n <span\n v-if=\"shouldShowPlaceholder\"\n :class=\"{\n 'el-select-v2__placeholder': true,\n 'is-transparent':\n states.isComposing \|\|\n (placeholder && multiple ? ~~modelValue~~.length === 0 : !~~modelValue~~),\n }\"\n >{{ currentPlaceholder }}</span\n >\n <span class=\"el-select-v2__suffix\">\n <ps-icon\n v-if=\"iconComponent\"\n v-show=\"!showClearBtn\"\n :class=\"['el-select-v2__caret', 'el-input__icon', iconReverse]\"\n >\n <component :is=\"iconComponent\" />\n </ps-icon>\n <ps-icon\n v-if=\"showClearBtn && clearIcon\"\n class=\"el-select-v2__caret el-input__icon\"\n >\n <component :is=\"clearIcon\" />\n </ps-icon>\n </span>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive } from 'vue'\nimport PsTag from '@element-ps/components/tag'\nimport useSelect from './useSelect'\nimport { selectV2InjectionKey } from './token'\nimport { SelectProps } from './defaults'\nimport PsIcon from '@element-ps/components/icon'\n\nexport default defineComponent({\n name: 'PsSelectV2',\n components: {\n PsTag,\n PsIcon\n },\n props: SelectProps,\n setup(props, { emit }) {\n const API = useSelect(props, emit)\n ~~// TODO, remove the any cast to align the actual API.\n~~ provide(selectV2InjectionKey, {\n props: reactive({\n ...toRefs(props),\n }),\n } as any)\n\n return API\n },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode","_createBlock","_toDisplayString"],"mappings":";;;;;;;;;EAmB2B,OAAM;AAAA;;;EAElB,OAAM;AAAA;;;qBA0FR,OAAM;;;qBAsCP,OAAM;;;;;0BApJhBA;IACE,KAAI;AAAA,IACH,4BAAQ,qCAAgC,uBACnC;AAAA;IAENC;MACE,KAAI;AAAA,MACJ,2BAAM;;;;;;;MAQK,YAAO,2BAAlBD;QACEE;;MAES,kCAAXF,8BAAA;QACkB,qBAAgB,~~gBAAW~~,+~~BACzCA~~,8BAAA;UACEG;YACG,WAAW,2CAA0B,qBAAP,mBAAyB;AAAA,YACvD,MAAM;YACP,MAAK;AAAA,YACL,uBAAA;AAAA;iCAEA;cAAAF;gBACE,OAAM;AAAA,gBACL;;;qCAGG,YAAO,iBAAiB;;;;UAIxB,~~gBAAW~~,+~~BADnBG~~;;YAEG,UAAU;AAAA,YACV,MAAM;YACP,MAAK;AAAA,YACL,uBAAA;AAAA;iCAEA;cAAAH;gBACE,OAAM;AAAA,gBACL;;;iBAGA,2BAAK,~~gBAAW~~;;;;~~oCAOvBD~~,gEAC4B,YAAO,gBAAzB,UAAU;kCADpBA;YAEG,KAAK;AAAA,YACN,OAAM;AAAA;YAENG;cACG,KAAK,iBAAY;AAAA,cACjB,WAAW,wBAAmB,SAAS;AAAA,cACvC,MAAM;cACP,MAAK;AAAA,cACL,uBAAA;AAAA;mCAEA;gBAAAF;kBACE,OAAM;AAAA,kBACL;;;uCAGG,cAAS;;;;;;QAKrBA;UACE,OAAM;AAAA,UACL,0BAAO;;UAERA;YACG,IAAI;YACL,KAAI;AAAA,YACH,cAAc;YACf,qBAAkB;AAAA,YAClB,iBAAc;AAAA,YACd,gBAAe;AAAA,YACd,iBAAe;YACf,mBAAiB;YAClB,2BAAM,iCACG,wBAAmB;YAC3B,UAAU;YACX,MAAK;AAAA,YACJ,WAAW;YACZ,YAAW;AAAA,YACX,MAAK;AAAA,YACJ,MAAM;YACN,cAAc,uBAAkB;AAAA;UAG3B,oCADRD;;YAEE,KAAI;AAAA,YACJ,eAAY;AAAA,YACZ,OAAM;AAAA,yBACNK,gCAAe;AAAA;;8BAKrBL;QACEC,8BAAA;UACEA;YACG,IAAI;YACL,KAAI;AAAA,YACJ,qBAAkB;AAAA,YAClB,iBAAc;AAAA,YACb,mBAAiB;YACjB,iBAAe;YAChB,gBAAe;AAAA,YACd,cAAc;YACf,OAAM;AAAA,YACL,UAAU;YACV,MAAM;YACP,MAAK;AAAA,YACJ,WAAW;YACZ,YAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAc,uBAAkB;AAAA;;QAI7B,oCADRD;;UAEE,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAM;AAAA,uBACNK,gCAAe;AAAA;;MAIX,+CADRL;;QAEG;;;;6BAMG;MAENC,+BAAA;QAEU,0DADRG;;UAGG,oEAAiD;;+BAElD;8BAAAA,4CAAgB;;;;uBAHP;;QAMH,qBAAgB,mCADxBA;;UAEE,OAAM;AAAA;+BAEN;8BAAAA,4CAAgB;;;;;;;;;;;"}
1	+ {"version":3,"file":"select.vue_vue&type=template&id=13e598a4&lang.js","sources":["../../../../../../../packages/components/select-v2/src/select.vue?vue&type=template&id=13e598a4&lang.js"],"sourcesContent":["<template>\n <div\n ref=\"selectRef\"\n :class=\"[selectSize ? 'el-select-v2--' + selectSize : '']\"\n class=\"el-select-v2\"\n >\n <div\n ref=\"selectionRef\"\n class=\"el-select-v2__wrapper\"\n :class=\"{\n 'is-focused': states.isComposing,\n 'is-hovering': states.comboBoxHovering,\n 'is-filterable': filterable,\n 'is-disabled': disabled,\n }\"\n >\n <div v-if=\"$slots.prefix\">\n <slot name=\"prefix\"></slot>\n </div>\n <div v-if=\"multiple\" class=\"el-select-v2__selection\">\n <template v-if=\"collapseTags && _modelValue.length > 0\">\n <div class=\"el-select-v2__selected-item\">\n <ps-tag\n :closable=\"!selectDisabled && !states.cachedOptions[0]?.disable\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ states.cachedOptions[0].label }}</span\n >\n </ps-tag>\n <ps-tag\n v-if=\"_modelValue.length > 1\"\n :closable=\"false\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >+ {{ _modelValue.length - 1 }}</span\n >\n </ps-tag>\n </div>\n </template>\n\n <template v-else>\n <div\n v-for=\"(selected, idx) in states.cachedOptions\"\n :key=\"idx\"\n class=\"el-select-v2__selected-item\"\n >\n <ps-tag\n :key=\"getValueKey(selected)\"\n :closable=\"!selectDisabled && !selected.disabled\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <span\n class=\"el-select-v2__tags-text\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ getLabel(selected) }}</span\n >\n </ps-tag>\n </div>\n </template>\n <div\n class=\"el-select-v2__selected-item el-select-v2__input-wrapper\"\n :style=\"inputWrapperStyle\"\n >\n <input\n :id=\"id\"\n ref=\"inputRef\"\n :autocomplete=\"autocomplete\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n autocapitalize=\"off\"\n :aria-expanded=\"expanded\"\n :aria-labelledby=\"label\"\n class=\"el-select-v2__combobox-input\"\n :class=\"[selectSize ? `is-${selectSize}` : '']\"\n :disabled=\"disabled\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :name=\"name\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n >\n </span>\n </div>\n </div>\n <template v-else>\n <div class=\"el-select-v2__selected-item el-select-v2__input-wrapper\">\n <input\n :id=\"id\"\n ref=\"inputRef\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n :aria-labelledby=\"label\"\n :aria-expanded=\"expanded\"\n autocapitalize=\"off\"\n :autocomplete=\"autocomplete\"\n class=\"el-select-v2__combobox-input\"\n :disabled=\"disabled\"\n :name=\"name\"\n role=\"combobox\"\n :readonly=\"!filterable\"\n spellcheck=\"false\"\n type=\"text\"\n :unselectable=\"expanded ? 'on' : undefined\"\n />\n </div>\n <span\n v-if=\"filterable\"\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n class=\"el-select-v2__selected-item el-select-v2__input-calculator\"\n v-text=\"states.displayInputValue\"\n ></span>\n </template>\n <span\n v-if=\"shouldShowPlaceholder\"\n :class=\"{\n 'el-select-v2__placeholder': true,\n 'is-transparent':\n states.isComposing \|\|\n (placeholder && multiple ? _modelValue.length === 0 : !_modelValue),\n }\"\n >{{ currentPlaceholder }}</span\n >\n <span class=\"el-select-v2__suffix\">\n <ps-icon\n v-if=\"iconComponent\"\n v-show=\"!showClearBtn\"\n :class=\"['el-select-v2__caret', 'el-input__icon', iconReverse]\"\n >\n <component :is=\"iconComponent\" />\n </ps-icon>\n <ps-icon\n v-if=\"showClearBtn && clearIcon\"\n class=\"el-select-v2__caret el-input__icon\"\n >\n <component :is=\"clearIcon\" />\n </ps-icon>\n </span>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive } from 'vue'\nimport PsTag from '@element-ps/components/tag'\nimport useSelect from './useSelect'\nimport { selectV2InjectionKey } from './token'\nimport { SelectProps } from './defaults'\nimport PsIcon from '@element-ps/components/icon'\n\nexport default defineComponent({\n name: 'PsSelectV2',\n components: {\n PsTag,\n PsIcon\n },\n props: SelectProps,\n setup(props, { emit }) {\n const API = useSelect(props, emit)\n provide(selectV2InjectionKey, {\n props: reactive({\n ...toRefs(props),\n }),\n } as any)\n\n return API\n },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode","_createBlock","_toDisplayString"],"mappings":";;;;;;;;;EAmB2B,OAAM;AAAA;;;EAElB,OAAM;AAAA;;;qBA0FR,OAAM;;;qBAsCP,OAAM;;;;;0BApJhBA;IACE,KAAI;AAAA,IACH,4BAAQ,qCAAgC,uBACnC;AAAA;IAENC;MACE,KAAI;AAAA,MACJ,2BAAM;;;;;;;MAQK,YAAO,2BAAlBD;QACEE;;MAES,kCAAXF,8BAAA;QACkB,qBAAgB,iBAAY,+BAC1CA,8BAAA;UACEG;YACG,WAAW,2CAA0B,qBAAP,mBAAyB;AAAA,YACvD,MAAM;YACP,MAAK;AAAA,YACL,uBAAA;AAAA;iCAEA;cAAAF;gBACE,OAAM;AAAA,gBACL;;;qCAGG,YAAO,iBAAiB;;;;UAIxB,iBAAY,+BADpBG;;YAEG,UAAU;AAAA,YACV,MAAM;YACP,MAAK;AAAA,YACL,uBAAA;AAAA;iCAEA;cAAAH;gBACE,OAAM;AAAA,gBACL;;;iBAGA,2BAAK,iBAAY;;;;oCAOxBD,gEAC4B,YAAO,gBAAzB,UAAU;kCADpBA;YAEG,KAAK;AAAA,YACN,OAAM;AAAA;YAENG;cACG,KAAK,iBAAY;AAAA,cACjB,WAAW,wBAAmB,SAAS;AAAA,cACvC,MAAM;cACP,MAAK;AAAA,cACL,uBAAA;AAAA;mCAEA;gBAAAF;kBACE,OAAM;AAAA,kBACL;;;uCAGG,cAAS;;;;;;QAKrBA;UACE,OAAM;AAAA,UACL,0BAAO;;UAERA;YACG,IAAI;YACL,KAAI;AAAA,YACH,cAAc;YACf,qBAAkB;AAAA,YAClB,iBAAc;AAAA,YACd,gBAAe;AAAA,YACd,iBAAe;YACf,mBAAiB;YAClB,2BAAM,iCACG,wBAAmB;YAC3B,UAAU;YACX,MAAK;AAAA,YACJ,WAAW;YACZ,YAAW;AAAA,YACX,MAAK;AAAA,YACJ,MAAM;YACN,cAAc,uBAAkB;AAAA;UAG3B,oCADRD;;YAEE,KAAI;AAAA,YACJ,eAAY;AAAA,YACZ,OAAM;AAAA,yBACNK,gCAAe;AAAA;;8BAKrBL;QACEC,8BAAA;UACEA;YACG,IAAI;YACL,KAAI;AAAA,YACJ,qBAAkB;AAAA,YAClB,iBAAc;AAAA,YACb,mBAAiB;YACjB,iBAAe;YAChB,gBAAe;AAAA,YACd,cAAc;YACf,OAAM;AAAA,YACL,UAAU;YACV,MAAM;YACP,MAAK;AAAA,YACJ,WAAW;YACZ,YAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAc,uBAAkB;AAAA;;QAI7B,oCADRD;;UAEE,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAM;AAAA,uBACNK,gCAAe;AAAA;;MAIX,+CADRL;;QAEG;;;;6BAMG;MAENC,+BAAA;QAEU,0DADRG;;UAGG,oEAAiD;;+BAElD;8BAAAA,4CAAgB;;;;uBAHP;;QAMH,qBAAgB,mCADxBA;;UAEE,OAAM;AAAA;+BAEN;8BAAAA,4CAAgB;;;;;;;;;;;"}

package/lib/packages/components/select-v2/src/useSelect.js CHANGED Viewed

@@ -55,7 +55,7 @@ const useSelect = (props) => {
   const expanded = vue.ref(false);
   const selectDisabled = vue.computed(() => props.disabled || elForm.disabled);
   const showClearBtn = vue.computed(() => {
-    const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
+    const hasValue = props.multiple ? Array.isArray(props._modelValue) && props._modelValue.length > 0 : props._modelValue !== void 0 && props._modelValue !== null && props._modelValue !== "";
     const criteria = props.clearable && !selectDisabled.value && states.comboBoxHovering && hasValue;
     return criteria;
   });
@@ -102,8 +102,8 @@ const useSelect = (props) => {
     };
   });
   const shouldShowPlaceholder = vue.computed(() => {
-    if (shared.isArray(props.modelValue)) {
-      return props.modelValue.length === 0 && !states.displayInputValue;
+    if (shared.isArray(props._modelValue)) {
+      return props._modelValue.length === 0 && !states.displayInputValue;
     }
     return props.filterable ? states.displayInputValue.length === 0 : true;
   });
@@ -113,10 +113,10 @@ const useSelect = (props) => {
   });
   const initStates = () => {
     if (props.multiple) {
-      if (props.modelValue.length > 0) {
+      if (props._modelValue.length > 0) {
         let initHovering = false;
         states.cachedOptions.length = 0;
-        props.modelValue.map((selected) => {
+        props._modelValue.map((selected) => {
           const itemIndex = filteredOptions.value.findIndex((option) => option.value === selected);
           if (~itemIndex) {
             states.cachedOptions.push(filteredOptions.value[itemIndex]);
@@ -127,13 +127,13 @@ const useSelect = (props) => {
         states.cachedOptions = [];
       }
     } else {
-      if (props.modelValue) {
+      if (props._modelValue) {
         const options = filteredOptions.value;
-        const selectedItemIndex = options.findIndex((o) => o.value === props.modelValue);
+        const selectedItemIndex = options.findIndex((o) => o.value === props._modelValue);
         if (~selectedItemIndex) {
           states.selectedLabel = options[selectedItemIndex].label;
         } else {
-          states.selectedLabel = `${props.modelValue}`;
+          states.selectedLabel = `${props._modelValue}`;
         }
       } else {
         states.selectedLabel = "";