@opentiny/vue-dropdown-item 2.6.0 → 2.6.1-alpha.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2022 - present TinyVue Authors.
+Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/index.d.ts

@@ -0,0 +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;

package/lib/index.js

@@ -1,64 +1,30 @@
-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);
+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);
 }
-
-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;
+import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
+import PcTemplate from "./pc.js";
+import MobileTemplate from "./mobile.js";
+var template = function template2(mode) {
+  if ("mobile" === (process.env.TINY_MODE || mode))
+    return MobileTemplate;
+  else
+    return PcTemplate;
 };
-var DropdownItem = {
-  name: $prefix + 'DropdownItem',
-  componentName: 'TinyDropdownItem',
-  props: _objectSpread2(_objectSpread2({}, $props), {}, {
+var DropdownItem = defineComponent({
+  name: $prefix + "DropdownItem",
+  componentName: "TinyDropdownItem",
+  props: _extends({}, $props, {
     icon: [String, Object],
     disabled: Boolean,
     divided: Boolean,
@@ -73,15 +39,15 @@ var DropdownItem = {
     },
     type: {
       type: String,
-      default: 'selection'
+      default: "selection"
     },
     label: {
       type: String,
-      default: ''
+      default: ""
     },
     itemData: {
       type: Object,
-      default: function _default() {
+      default: function _default2() {
         return {};
       }
     },
@@ -91,25 +57,26 @@ var DropdownItem = {
     },
     textField: {
       type: String,
-      default: 'label'
+      default: "label"
     }
   }),
   setup: function setup(props, context) {
     return $setup({
-      props: props,
-      context: context,
-      template: template
+      props,
+      context,
+      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 = '2.6.0';
-
-export { DropdownItem as default };
+DropdownItem.version = version;
+export {
+  DropdownItem as default
+};

package/lib/mobile.js

@@ -1,149 +1,89 @@
-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';
-
-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 script = {
-  directives: {
-    Clickoutside: Clickoutside
-  },
-  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$1(props, context) {
-    return setup({
-      props: props,
-      context: context,
-      renderless: renderless,
-      api: api
-    });
+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;
   }
-};
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
-/* server only */
-, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-  if (typeof shadowMode !== 'boolean') {
-    createInjectorSSR = createInjector;
-    createInjector = shadowMode;
-    shadowMode = false;
-  } // Vue.extend constructor export interop.
-
-
-  var options = typeof script === 'function' ? script.options : script; // render functions
-
-  if (template && template.render) {
-    options.render = template.render;
-    options.staticRenderFns = template.staticRenderFns;
-    options._compiled = true; // functional template
-
-    if (isFunctionalTemplate) {
-      options.functional = true;
-    }
-  } // scopedId
-
-
   if (scopeId) {
-    options._scopeId = scopeId;
+    options._scopeId = "data-v-" + scopeId;
   }
-
   var hook;
-
   if (moduleIdentifier) {
-    // server build
-    hook = function hook(context) {
-      // 2.3 injection
+    hook = function hook2(context) {
       context = context || // cached call
       this.$vnode && this.$vnode.ssrContext || // stateful
-      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
-      // 2.2 with runInNewContext: true
-
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
         context = __VUE_SSR_CONTEXT__;
-      } // inject component styles
-
-
-      if (style) {
-        style.call(this, createInjectorSSR(context));
-      } // register component module identifier for async chunk inference
-
-
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
       if (context && context._registeredComponents) {
         context._registeredComponents.add(moduleIdentifier);
       }
-    }; // used by ssr in case component is cached and beforeCreate
-    // never gets called
-
-
-    options._ssrRegister = hook;
-  } else if (style) {
-    hook = shadowMode ? function () {
-      style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
-    } : function (context) {
-      style.call(this, createInjector(context));
     };
+    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) {
-      // register for functional component in vue file
+      options._injectStyles = hook;
       var originalRender = options.render;
-
       options.render = function renderWithStyleInjection(h, context) {
         hook.call(context);
         return originalRender(h, context);
       };
     } else {
-      // inject component registration as beforeCreate hook
       var existing = options.beforeCreate;
       options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
     }
   }
-
-  return script;
+  return {
+    exports: scriptExports,
+    options
+  };
 }
 
-var normalizeComponent_1 = normalizeComponent;
-
-var __vue_script__ = script;
-var __vue_render__ = function __vue_render__() {
+var __vue2_script = defineComponent({
+  directives: {
+    Clickoutside
+  },
+  props: [].concat(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
+    });
+  }
+});
+var render = function render2() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
+  return _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -152,18 +92,18 @@ var __vue_render__ = function __vue_render__() {
     }],
     ref: "wrapper",
     staticClass: "tiny-mobile-dropdown-item",
-    class: 'tiny-mobile-dropdown-item--' + _vm.state.direction,
+    class: "tiny-mobile-dropdown-item--" + _vm.state.direction,
     style: _vm.state.itemStyle,
     on: {
       "click": _vm.clickWrapper
     }
-  }, [_c('tiny-popup', {
+  }, [_c("tiny-popup", {
     attrs: {
-      "popupClass": "tiny-mobile-dropdown-item__content",
+      "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',
+      "position": _vm.state.direction === "down" ? "top" : "bottom",
       "duration": _vm.state.transition ? _vm.state.duration : 0
     },
     on: {
@@ -179,14 +119,14 @@ var __vue_render__ = function __vue_render__() {
       },
       expression: "state.showPopup"
     }
-  }, [_vm._t("default", function () {
-    return [_vm.type === 'selection' ? _c('div', {
+  }, [_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', {
+    }, _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' : '',
+        class: item.value === _vm.modelValue ? "is-active" : "",
         attrs: {
           "tabindex": "0"
         },
@@ -195,30 +135,30 @@ var __vue_render__ = function __vue_render__() {
             return _vm.clickItem(item.value);
           }
         }
-      }, [_c('div', {
+      }, [_c("div", {
         staticClass: "tiny-mobile-dropdown-item__option-icon"
-      }, [_vm._t("icon", function () {
+      }, [_vm._t("icon", function() {
         return [_c(_vm.icon, {
           tag: "component"
         })];
-      })], 2), _vm._v(" "), _c('div', {
+      })], 2), _c("div", {
         staticClass: "tiny-mobile-dropdown-item__option-title"
-      }, [_vm._t("title", function () {
-        return [_c('span', {
+      }, [_vm._t("title", function() {
+        return [_c("span", {
           style: {
-            color: item.value === _vm.modelValue && _vm.state.activeColor ? _vm.state.activeColor : ''
+            color: item.value === _vm.modelValue && _vm.state.activeColor ? _vm.state.activeColor : ""
           }
         }, [_vm._v(_vm._s(item.text))])];
       }, {
         "titleData": item
-      })], 2), _vm._v(" "), _c('div', {
+      })], 2), _c("div", {
         staticClass: "tiny-mobile-dropdown-item__option-value"
-      }, [item.value === _vm.modelValue ? _c('icon-yes', {
+      }, [item.value === _vm.modelValue ? _c("icon-yes", {
         attrs: {
-          "fill": _vm.state.activeColor ? _vm.state.activeColor : '#f36f64'
+          "fill": _vm.state.activeColor ? _vm.state.activeColor : "#f36f64"
         }
       }) : _vm._e()], 1)]);
-    }), 0) : _vm._e(), _vm._v(" "), _vm.type === 'filter' ? _c('div', {
+    }), 0) : _vm._e(), _vm.type === "filter" ? _c("div", {
       directives: [{
         name: "clickoutside",
         rawName: "v-clickoutside",
@@ -226,51 +166,54 @@ var __vue_render__ = function __vue_render__() {
         expression: "clickOutside"
       }],
       staticClass: "tiny-mobile-dropdown-item__filter"
-    }, [_c('div', {
+    }, [_c("div", {
       staticClass: "tiny-mobile-dropdown-item__filter-wrap"
-    }, _vm._l(_vm.options, function (item, key) {
-      return _c('div', {
-        key: key,
+    }, _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', {
+      }, [_c("span", {
         staticClass: "tiny-mobile-dropdown-item__filter-title"
-      }, [_vm._v(_vm._s(item.title))]), _vm._v(" "), _c('ul', _vm._l(_vm.options.length === 0 ? item.data = [] : item.data, function (tag, tagkey) {
-        return _c('li', {
+      }, [_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' : ''],
+          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);
             }
           }
-        }, [_vm._v("\n                " + _vm._s(tag.text) + "\n              ")]);
+        }, [_vm._v(" " + _vm._s(tag.text) + " ")]);
       }), 0)]);
-    }), 0), _vm._v(" "), _c('div', {
+    }), 0), _c("div", {
       staticClass: "tiny-mobile-dropdown-item__filter-operate"
-    }, [_c('tiny-button', {
+    }, [_c("tiny-button", {
       on: {
         "click": _vm.reset
       }
-    }, [_vm._v("Reset")]), _vm._v(" "), _c('tiny-button', {
+    }, [_vm._v(" Reset ")]), _c("tiny-button", {
       attrs: {
         "type": "primary"
       },
       on: {
         "click": _vm.confirm
       }
-    }, [_vm._v("OK")])], 1)]) : _vm._e()];
+    }, [_vm._v(" OK ")])], 1)]) : _vm._e()];
   })], 2)], 1);
 };
-var __vue_staticRenderFns__ = [];
-var __vue_inject_styles__ = undefined;
-var __vue_scope_id__ = undefined;
-var __vue_module_identifier__ = undefined;
-var __vue_is_functional_template__ = false;
-var __vue_component__ = normalizeComponent_1({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as default };
+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];
+  }
+}
+var mobile = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  mobile as default
+};

package/lib/pc.js

@@ -1,148 +1,88 @@
-import { $prefix, setup, props } from '@opentiny/vue-common';
-import { renderless, api } from '@opentiny/vue-renderless/dropdown-item/vue';
-import { iconDeltaLeft } from '@opentiny/vue-icon';
-import '@opentiny/vue-theme/dropdown-item/index.css';
-
-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 script = {
-  name: $prefix + 'DropdownItem',
-  componentName: $prefix + 'DropdownItem',
-  emits: ['item-click'],
-  props: [].concat(_toConsumableArray(props), ['command', 'disabled', 'divided', 'icon', 'label', 'itemData', 'appendToBody', 'textField']),
-  components: {
-    iconDeltaLeft: iconDeltaLeft()
-  },
-  setup: function setup$1(props, context) {
-    return setup({
-      props: props,
-      context: context,
-      renderless: renderless,
-      api: api
-    });
+import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
+import { renderless, api } from "@opentiny/vue-renderless/dropdown-item/vue";
+import { iconDeltaLeft } from "@opentiny/vue-icon";
+import "@opentiny/vue-theme/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;
   }
-};
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
-/* server only */
-, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-  if (typeof shadowMode !== 'boolean') {
-    createInjectorSSR = createInjector;
-    createInjector = shadowMode;
-    shadowMode = false;
-  } // Vue.extend constructor export interop.
-
-
-  var options = typeof script === 'function' ? script.options : script; // render functions
-
-  if (template && template.render) {
-    options.render = template.render;
-    options.staticRenderFns = template.staticRenderFns;
-    options._compiled = true; // functional template
-
-    if (isFunctionalTemplate) {
-      options.functional = true;
-    }
-  } // scopedId
-
-
   if (scopeId) {
-    options._scopeId = scopeId;
+    options._scopeId = "data-v-" + scopeId;
   }
-
   var hook;
-
   if (moduleIdentifier) {
-    // server build
-    hook = function hook(context) {
-      // 2.3 injection
+    hook = function hook2(context) {
       context = context || // cached call
       this.$vnode && this.$vnode.ssrContext || // stateful
-      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
-      // 2.2 with runInNewContext: true
-
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
         context = __VUE_SSR_CONTEXT__;
-      } // inject component styles
-
-
-      if (style) {
-        style.call(this, createInjectorSSR(context));
-      } // register component module identifier for async chunk inference
-
-
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
       if (context && context._registeredComponents) {
         context._registeredComponents.add(moduleIdentifier);
       }
-    }; // used by ssr in case component is cached and beforeCreate
-    // never gets called
-
-
-    options._ssrRegister = hook;
-  } else if (style) {
-    hook = shadowMode ? function () {
-      style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
-    } : function (context) {
-      style.call(this, createInjector(context));
     };
+    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) {
-      // register for functional component in vue file
+      options._injectStyles = hook;
       var originalRender = options.render;
-
       options.render = function renderWithStyleInjection(h, context) {
         hook.call(context);
         return originalRender(h, context);
       };
     } else {
-      // inject component registration as beforeCreate hook
       var existing = options.beforeCreate;
       options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
     }
   }
-
-  return script;
+  return {
+    exports: scriptExports,
+    options
+  };
 }
 
-var normalizeComponent_1 = normalizeComponent;
-
-var __vue_script__ = script;
-var __vue_render__ = function __vue_render__() {
+var __vue2_script = defineComponent({
+  name: $prefix + "DropdownItem",
+  componentName: $prefix + "DropdownItem",
+  emits: ["item-click"],
+  props: [].concat(props, ["command", "disabled", "divided", "icon", "label", "itemData", "appendToBody", "textField"]),
+  components: {
+    IconDeltaLeft: iconDeltaLeft()
+  },
+  setup: function setup(props2, context) {
+    return _setup({
+      props: props2,
+      context,
+      renderless,
+      api
+    });
+  }
+});
+var render = function render2() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('li', {
+  return _c("li", {
     ref: "dropdownItem",
     staticClass: "tiny-dropdown-menu__item",
     class: {
-      'is-disabled': _vm.disabled,
-      'tiny-dropdown-menu__item--divided': _vm.divided
+      "is-disabled": _vm.disabled,
+      "tiny-dropdown-menu__item--divided": _vm.divided
     },
     attrs: {
       "aria-disabled": _vm.disabled,
@@ -154,21 +94,21 @@ var __vue_render__ = function __vue_render__() {
         $event.stopPropagation();
       }
     }
-  }, [_vm.itemData.children && _vm.itemData.children.length ? _c('span', {
+  }, [_vm.itemData.children && _vm.itemData.children.length ? _c("span", {
     staticClass: "tiny-dropdown-menu__item-expand"
-  }, [_c('icon-delta-left')], 1) : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_c("icon-delta-left")], 1) : _vm._e(), _c("div", {
     staticClass: "tiny-dropdown-menu__item-content"
   }, [_vm.icon ? _c(_vm.icon, {
     tag: "component",
     staticClass: "tiny-svg-size"
-  }) : _vm._e(), _vm._v(" "), _vm._t("default", function () {
-    return [_c('span', [_vm._v(_vm._s(_vm.label))])];
+  }) : _vm._e(), _vm._t("default", function() {
+    return [_c("span", [_vm._v(_vm._s(_vm.label))])];
   }, {
     "itemData": _vm.itemData
-  })], 2), _vm._v(" "), _vm.itemData.children && _vm.itemData.children.length ? _c('ul', {
-    class: ['tiny-dropdown-menu', 'tiny-dropdown-menu__item--child', _vm.state.popperClass]
-  }, _vm._l(_vm.itemData.children, function (item, index) {
-    return _c('tiny-dropdown-item', {
+  })], 2), _vm.itemData.children && _vm.itemData.children.length ? _c("ul", {
+    class: ["tiny-dropdown-menu", "tiny-dropdown-menu__item--child", _vm.state.popperClass]
+  }, _vm._l(_vm.itemData.children, function(item, index) {
+    return _c("tiny-dropdown-item", {
       key: index,
       attrs: {
         "label": item[_vm.state.textField],
@@ -182,14 +122,17 @@ var __vue_render__ = function __vue_render__() {
     })], 2);
   }), 1) : _vm._e()]);
 };
-var __vue_staticRenderFns__ = [];
-var __vue_inject_styles__ = undefined;
-var __vue_scope_id__ = undefined;
-var __vue_module_identifier__ = undefined;
-var __vue_is_functional_template__ = false;
-var __vue_component__ = normalizeComponent_1({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as default };
+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];
+  }
+}
+var pc = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  pc as default
+};

package/package.json

@@ -1,22 +1,19 @@
 {
   "name": "@opentiny/vue-dropdown-item",
-  "version": "2.6.0",
+  "version": "2.6.1-alpha.0",
   "description": "",
-  "main": "lib/index.js",
-  "scripts": {
-    "lint": "eslint src/**/*{.js,.html,.vue} --quiet",
-    "build:ui2": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../build/build-ui.js",
-    "build:ui3": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../example/build/build-ui.js"
-  },
+  "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.6.0",
-    "@opentiny/vue-icon": "~2.6.0",
-    "@opentiny/vue-renderless": "~3.6.0",
-    "@opentiny/vue-popup": "~2.6.0",
-    "@opentiny/vue-button": "~2.6.0",
-    "@opentiny/vue-theme": "~3.6.0",
-    "@opentiny/vue-theme-mobile": "~3.6.0"
+    "@opentiny/vue-common": "~2.6.1-alpha.0",
+    "@opentiny/vue-icon": "~2.6.1-alpha.0",
+    "@opentiny/vue-renderless": "~3.6.1-alpha.0",
+    "@opentiny/vue-popup": "~2.6.1-alpha.0",
+    "@opentiny/vue-button": "~2.6.1-alpha.0"
   },
   "license": "MIT",
-  "sideEffects": false
+  "types": "index.d.ts",
+  "scripts": {
+    "build": "pnpm -w build:ui $npm_package_name",
+    "//postversion": "pnpm build"
+  }
 }

package/src/index.d.ts

@@ -0,0 +1,82 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api").Data, {}, {}, {
+    icon: (StringConstructor | ObjectConstructor)[];
+    disabled: BooleanConstructor;
+    divided: BooleanConstructor;
+    command: {};
+    title: StringConstructor;
+    titleClass: StringConstructor;
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    disabled: boolean;
+    type: string;
+    textField: string;
+    label: string;
+    options: unknown[];
+    divided: boolean;
+    itemData: Record<string, any>;
+    appendToBody: boolean;
+} & {
+    icon?: unknown;
+    title?: string | undefined;
+    titleClass?: string | undefined;
+    command?: unknown;
+}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    disabled: boolean;
+    type: string;
+    textField: string;
+    label: string;
+    options: unknown[];
+    divided: boolean;
+    itemData: Record<string, any>;
+    appendToBody: boolean;
+} & {
+    icon?: unknown;
+    title?: string | undefined;
+    titleClass?: string | undefined;
+    command?: unknown;
+}, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api").Data, {}, {}, {
+    disabled: boolean;
+    type: string;
+    textField: string;
+    label: string;
+    options: unknown[];
+    divided: boolean;
+    itemData: Record<string, any>;
+    appendToBody: boolean;
+} & {
+    icon?: unknown;
+    title?: string | undefined;
+    titleClass?: string | undefined;
+    command?: unknown;
+}, {
+    type: string;
+    textField: string;
+    label: string;
+    options: unknown[];
+    itemData: Record<string, any>;
+    appendToBody: boolean;
+}, true>);
+export default _default;

package/src/mobile.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+    [x: string]: any;
+}>, {
+    [x: string]: any;
+} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    [x: string]: any;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+}>, import("@vue/composition-api").Data, {}, {}, {
+    [x: string]: any;
+} & {}, {
+    [x: string]: any;
+}, true>);
+export default _sfc_main;

package/src/pc.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+    [x: string]: any;
+}>, {
+    [x: string]: any;
+} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    [x: string]: any;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+}>, import("@vue/composition-api").Data, {}, {}, {
+    [x: string]: any;
+} & {}, {
+    [x: string]: any;
+}, true>);
+export default _sfc_main;