@opentiny/vue-dropdown-item 2.8.0 → 3.4.7

package/index.d.ts

@@ -1,13 +1,13 @@
-/**
- * Copyright (c) 2022 - present TinyVue Authors.
- * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import DropdownItem from './src/index';
-export default DropdownItem;
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import DropdownItem from './src/index';
+export default DropdownItem;

package/lib/index.js

@@ -1,33 +1,64 @@
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+import { $prefix, $props, $setup } from '@opentiny/vue-common';
+import PCTemplate from './pc';
+import MobileTemplate from './mobile';
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
 }
-import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
-import PcTemplate from "./pc.js";
-import MobileTemplate from "./mobile.js";
-import MobileFirstTemplate from "./mobile-first.js";
-var template = function template2(mode) {
-  if ("mobile" === (process.env.TINY_MODE || mode))
-    return MobileTemplate;
-  else if ("mobile-first" === (process.env.TINY_MODE || mode))
-    return MobileFirstTemplate;
-  else
-    return PcTemplate;
+
+var template = function template(mode) {
+  if (process.env.TINY_MODE === 'pc') return PCTemplate;else if (process.env.TINY_MODE === 'mobile') return MobileTemplate;else return mode === 'mobile' ? MobileTemplate : PCTemplate;
 };
-var DropdownItem = defineComponent({
-  name: $prefix + "DropdownItem",
-  componentName: "TinyDropdownItem",
-  props: _extends({}, $props, {
+var DropdownItem = {
+  name: $prefix + 'DropdownItem',
+  componentName: 'TinyDropdownItem',
+  props: _objectSpread2(_objectSpread2({}, $props), {}, {
     icon: [String, Object],
     disabled: Boolean,
     divided: Boolean,
@@ -42,15 +73,15 @@ var DropdownItem = defineComponent({
     },
     type: {
       type: String,
-      default: "selection"
+      default: 'selection'
     },
     label: {
       type: String,
-      default: ""
+      default: ''
     },
     itemData: {
       type: Object,
-      default: function _default2() {
+      default: function _default() {
         return {};
       }
     },
@@ -60,44 +91,25 @@ var DropdownItem = defineComponent({
     },
     textField: {
       type: String,
-      default: "label"
-    },
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    selectedField: {
-      type: String,
-      default: "selected"
-    },
-    multiStage: {
-      type: Boolean,
-      default: false
-    },
-    currentIndex: {
-      type: Number,
-      default: function _default3() {
-        return -1;
-      }
+      default: 'label'
     }
   }),
   setup: function setup(props, context) {
     return $setup({
-      props,
-      context,
-      template
+      props: props,
+      context: context,
+      template: template
     });
   }
-});
-var version = "3.7.0";
+};
+
 DropdownItem.model = {
-  prop: "modelValue",
-  event: "update:modelValue"
+  prop: 'modelValue',
+  event: 'update:modelValue'
 };
-DropdownItem.install = function(Vue) {
+DropdownItem.install = function (Vue) {
   Vue.component(DropdownItem.name, DropdownItem);
 };
-DropdownItem.version = version;
-export {
-  DropdownItem as default
-};
+DropdownItem.version = '3.4.7';
+
+export { DropdownItem as default };

package/lib/mobile.js

@@ -1,219 +1,175 @@
-import { renderless, api } from "@opentiny/vue-renderless/dropdown-item/vue";
-import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
-import { iconYes } from "@opentiny/vue-icon";
-import Popup from "@opentiny/vue-popup";
-import Button from "@opentiny/vue-button";
-import Clickoutside from "@opentiny/vue-renderless/common/deps/clickoutside";
-import "@opentiny/vue-theme-mobile/dropdown-item/index.css";
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
-  }
-  if (functionalTemplate) {
-    options.functional = true;
-  }
-  if (scopeId) {
-    options._scopeId = "data-v-" + scopeId;
-  }
-  var hook;
-  if (moduleIdentifier) {
-    hook = function hook2(context) {
-      context = context || // cached call
-      this.$vnode && this.$vnode.ssrContext || // stateful
-      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
-        context = __VUE_SSR_CONTEXT__;
-      }
-      if (injectStyles) {
-        injectStyles.call(this, context);
-      }
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier);
-      }
-    };
-    options._ssrRegister = hook;
-  } else if (injectStyles) {
-    hook = shadowMode ? function() {
-      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
-    } : injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-  return {
-    exports: scriptExports,
-    options
-  };
+import { renderless, api } from '@opentiny/vue-renderless/dropdown-item/vue';
+import { setup, props } from '@opentiny/vue-common';
+import { iconYes } from '@opentiny/vue-icon';
+import Popup from '@opentiny/vue-popup';
+import Button from '@opentiny/vue-button';
+import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
+import '@opentiny/vue-theme-mobile/dropdown-item/index.css';
+import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, withCtx, renderSlot, Fragment, renderList, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, createCommentVNode, createTextVNode, vShow } from 'vue';
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-var __vue2_script = defineComponent({
+var script = {
   directives: {
-    Clickoutside
+    Clickoutside: Clickoutside
   },
-  props: [].concat(props, ["modelValue", "title", "disabled", "titleClass", "options", "icon", "type"]),
+  props: [].concat(_toConsumableArray(props), ['modelValue', 'title', 'disabled', 'titleClass', 'options', 'icon', 'type']),
   components: {
     IconYes: iconYes(),
     TinyPopup: Popup,
     TinyButton: Button
   },
-  emits: ["update:modelValue", "open", "opened", "click", "change", "closed", "close", "reset", "confirm", "item-click"],
-  setup: function setup(props2, context) {
-    return _setup({
-      props: props2,
-      context,
-      renderless,
-      api
+  emits: ['update:modelValue'],
+  setup: function setup$1(props, context) {
+    return setup({
+      props: props,
+      context: context,
+      renderless: renderless,
+      api: api
     });
   }
-});
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.state.showWrapper,
-      expression: "state.showWrapper"
-    }],
+};
+
+var _hoisted_1 = {
+  key: 0,
+  class: "tiny-mobile-dropdown-item__options"
+};
+var _hoisted_2 = ["onClick"];
+var _hoisted_3 = {
+  class: "tiny-mobile-dropdown-item__option-icon"
+};
+var _hoisted_4 = {
+  class: "tiny-mobile-dropdown-item__option-title"
+};
+var _hoisted_5 = {
+  class: "tiny-mobile-dropdown-item__option-value"
+};
+var _hoisted_6 = {
+  key: 1,
+  class: "tiny-mobile-dropdown-item__filter"
+};
+var _hoisted_7 = {
+  class: "tiny-mobile-dropdown-item__filter-wrap"
+};
+var _hoisted_8 = {
+  class: "tiny-mobile-dropdown-item__filter-title"
+};
+var _hoisted_9 = ["onClick"];
+var _hoisted_10 = {
+  class: "tiny-mobile-dropdown-item__filter-operate"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_icon_yes = resolveComponent("icon-yes");
+  var _component_tiny_button = resolveComponent("tiny-button");
+  var _component_tiny_popup = resolveComponent("tiny-popup");
+  var _directive_clickoutside = resolveDirective("clickoutside");
+  return withDirectives((openBlock(), createElementBlock("div", {
     ref: "wrapper",
-    staticClass: "tiny-mobile-dropdown-item",
-    class: "tiny-mobile-dropdown-item--" + _vm.state.direction,
-    style: _vm.state.itemStyle,
-    on: {
-      "click": _vm.clickWrapper
-    }
-  }, [_c("tiny-popup", {
-    attrs: {
-      "popup-class": "tiny-mobile-dropdown-item__content",
-      "overlay": _vm.state.overlay,
-      "close-on-click-overlay": _vm.state.closeOnClickOverlay,
-      "closeable": false,
-      "position": _vm.state.direction === "down" ? "top" : "bottom",
-      "duration": _vm.state.transition ? _vm.state.duration : 0
-    },
-    on: {
-      "open": _vm.open,
-      "close": _vm.close,
-      "opened": _vm.opened,
-      "closed": _vm.closed
-    },
-    model: {
-      value: _vm.state.showPopup,
-      callback: function callback($$v) {
-        _vm.$set(_vm.state, "showPopup", $$v);
-      },
-      expression: "state.showPopup"
-    }
-  }, [_vm._t("default", function() {
-    return [_vm.type === "selection" ? _c("div", {
-      staticClass: "tiny-mobile-dropdown-item__options"
-    }, _vm._l(_vm.options, function(item, index) {
-      return _c("div", {
-        key: index,
-        staticClass: "tiny-mobile-dropdown-item__cell tiny-mobile-dropdown-item__option",
-        class: item.value === _vm.modelValue ? "is-active" : "",
-        attrs: {
-          "tabindex": "0"
-        },
-        on: {
-          "click": function click($event) {
-            return _vm.clickItem(item.value);
-          }
-        }
-      }, [_c("div", {
-        staticClass: "tiny-mobile-dropdown-item__option-icon"
-      }, [_vm._t("icon", function() {
-        return [_c(_vm.icon, {
-          tag: "component"
-        })];
-      })], 2), _c("div", {
-        staticClass: "tiny-mobile-dropdown-item__option-title"
-      }, [_vm._t("title", function() {
-        return [_c("span", {
-          style: {
-            color: item.value === _vm.modelValue && _vm.state.activeColor ? _vm.state.activeColor : ""
-          }
-        }, [_vm._v(_vm._s(item.text))])];
-      }, {
-        "titleData": item
-      })], 2), _c("div", {
-        staticClass: "tiny-mobile-dropdown-item__option-value"
-      }, [item.value === _vm.modelValue ? _c("icon-yes", {
-        attrs: {
-          "fill": _vm.state.activeColor ? _vm.state.activeColor : "#f36f64"
-        }
-      }) : _vm._e()], 1)]);
-    }), 0) : _vm._e(), _vm.type === "filter" ? _c("div", {
-      directives: [{
-        name: "clickoutside",
-        rawName: "v-clickoutside",
-        value: _vm.clickOutside,
-        expression: "clickOutside"
-      }],
-      staticClass: "tiny-mobile-dropdown-item__filter"
-    }, [_c("div", {
-      staticClass: "tiny-mobile-dropdown-item__filter-wrap"
-    }, _vm._l(_vm.options, function(item, key) {
-      return _c("div", {
-        key,
-        staticClass: "tiny-mobile-dropdown-item__cell tiny-mobile-dropdown-item__filter-item"
-      }, [_c("span", {
-        staticClass: "tiny-mobile-dropdown-item__filter-title"
-      }, [_vm._v(_vm._s(item.title))]), _c("ul", _vm._l(_vm.options.length === 0 ? item.data = [] : item.data, function(tag, tagkey) {
-        return _c("li", {
-          key: tagkey,
-          staticClass: "tiny-mobile-dropdown-item__filter-li",
-          class: [_vm.modelValue[key].indexOf(tag.value) > -1 ? "checked" : ""],
-          style: _vm.getOptionStyle(tag, _vm.modelValue[key]),
-          on: {
-            "click": function click($event) {
-              return _vm.tagClick(key, tag, $event);
+    class: normalizeClass(['tiny-mobile-dropdown-item--' + _ctx.state.direction, "tiny-mobile-dropdown-item"]),
+    onClick: _cache[1] || (_cache[1] = function () {
+      return _ctx.clickWrapper && _ctx.clickWrapper.apply(_ctx, arguments);
+    }),
+    style: normalizeStyle(_ctx.state.itemStyle)
+  }, [createVNode(_component_tiny_popup, {
+    modelValue: _ctx.state.showPopup,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.state.showPopup = $event;
+    }),
+    popupClass: "tiny-mobile-dropdown-item__content",
+    overlay: _ctx.state.overlay,
+    "close-on-click-overlay": _ctx.state.closeOnClickOverlay,
+    closeable: false,
+    position: _ctx.state.direction === 'down' ? 'top' : 'bottom',
+    duration: _ctx.state.transition ? _ctx.state.duration : 0,
+    onOpen: _ctx.open,
+    onClose: _ctx.close,
+    onOpened: _ctx.opened,
+    onClosed: _ctx.closed
+  }, {
+    default: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default", {}, function () {
+        return [$props.type === 'selection' ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList($props.options, function (item, index) {
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass(["tiny-mobile-dropdown-item__cell tiny-mobile-dropdown-item__option", item.value === $props.modelValue ? 'is-active' : '']),
+            key: index,
+            tabindex: "0",
+            onClick: function onClick($event) {
+              return _ctx.clickItem(item.value);
             }
-          }
-        }, [_vm._v(" " + _vm._s(tag.text) + " ")]);
-      }), 0)]);
-    }), 0), _c("div", {
-      staticClass: "tiny-mobile-dropdown-item__filter-operate"
-    }, [_c("tiny-button", {
-      on: {
-        "click": _vm.reset
-      }
-    }, [_vm._v(" Reset ")]), _c("tiny-button", {
-      attrs: {
-        "type": "primary"
-      },
-      on: {
-        "click": _vm.confirm
-      }
-    }, [_vm._v(" OK ")])], 1)]) : _vm._e()];
-  })], 2)], 1);
-};
-var staticRenderFns = [];
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+          }, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, function () {
+            return [(openBlock(), createBlock(resolveDynamicComponent($props.icon)))];
+          })]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "title", {
+            titleData: item
+          }, function () {
+            return [createElementVNode("span", {
+              style: normalizeStyle({
+                color: item.value === $props.modelValue && _ctx.state.activeColor ? _ctx.state.activeColor : ''
+              })
+            }, toDisplayString(item.text), 5)];
+          })]), createElementVNode("div", _hoisted_5, [item.value === $props.modelValue ? (openBlock(), createBlock(_component_icon_yes, {
+            key: 0,
+            fill: _ctx.state.activeColor ? _ctx.state.activeColor : '#f36f64'
+          }, null, 8, ["fill"])) : createCommentVNode("", true)])], 10, _hoisted_2);
+        }), 128))])) : createCommentVNode("", true), $props.type === 'filter' ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList($props.options, function (item, key) {
+          return openBlock(), createElementBlock("div", {
+            key: key,
+            class: "tiny-mobile-dropdown-item__cell tiny-mobile-dropdown-item__filter-item"
+          }, [createElementVNode("span", _hoisted_8, toDisplayString(item.title), 1), createElementVNode("ul", null, [(openBlock(true), createElementBlock(Fragment, null, renderList($props.options.length === 0 ? item.data = [] : item.data, function (tag, tagkey) {
+            return openBlock(), createElementBlock("li", {
+              class: normalizeClass(["tiny-mobile-dropdown-item__filter-li", [$props.modelValue[key].indexOf(tag.value) > -1 ? 'checked' : '']]),
+              style: normalizeStyle(_ctx.getOptionStyle(tag, $props.modelValue[key])),
+              onClick: function onClick($event) {
+                return _ctx.tagClick(key, tag, $event);
+              },
+              key: tagkey
+            }, toDisplayString(tag.text), 15, _hoisted_9);
+          }), 128))])]);
+        }), 128))]), createElementVNode("div", _hoisted_10, [createVNode(_component_tiny_button, {
+          onClick: _ctx.reset
+        }, {
+          default: withCtx(function () {
+            return [createTextVNode("Reset")];
+          }),
+          _: 1
+        }, 8, ["onClick"]), createVNode(_component_tiny_button, {
+          type: "primary",
+          onClick: _ctx.confirm
+        }, {
+          default: withCtx(function () {
+            return [createTextVNode("OK")];
+          }),
+          _: 1
+        }, 8, ["onClick"])])])), [[_directive_clickoutside, _ctx.clickOutside]]) : createCommentVNode("", true)];
+      })];
+    }),
+    _: 3
+  }, 8, ["modelValue", "overlay", "close-on-click-overlay", "position", "duration", "onOpen", "onClose", "onOpened", "onClosed"])], 6)), [[vShow, _ctx.state.showWrapper]]);
 }
-var mobile = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  mobile as default
-};
+
+script.render = render;
+
+export { script as default };