@opentinyvue/vue-dropdown-item 2.21.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

@@ -0,0 +1,132 @@
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+import { defineComponent, $prefix, $setup, $props } from "@opentinyvue/vue-common";
+import PcTemplate from "./pc.js";
+import MobileTemplate from "./mobile.js";
+import MobileFirstTemplate from "./mobile-first.js";
+var template = function template2(mode) {
+  var _process$env;
+  var tinyMode = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
+  if ("pc" === (tinyMode || mode)) {
+    return PcTemplate;
+  }
+  if ("mobile" === (tinyMode || mode)) {
+    return MobileTemplate;
+  }
+  if ("mobile-first" === (tinyMode || mode)) {
+    return MobileFirstTemplate;
+  }
+  return PcTemplate;
+};
+var $constants = {
+  ICON_MAP: {
+    leftWardArrow: "icon-left-ward-arrow"
+  }
+};
+var dropdownItemProps = _extends({}, $props, {
+  _constants: {
+    type: Object,
+    default: function _default() {
+      return $constants;
+    }
+  },
+  icon: [String, Object],
+  disabled: Boolean,
+  divided: Boolean,
+  itemData: {
+    type: [String, Object],
+    default: ""
+  },
+  title: String,
+  label: String,
+  level: String,
+  titleClass: String,
+  options: {
+    type: Array,
+    default: function _default2() {
+      return [];
+    }
+  },
+  // mobile 属性，可选值 selection | filter | sort
+  type: {
+    type: String,
+    default: "selection"
+  },
+  // 是否选中，勾选状态功能
+  selected: {
+    type: Boolean,
+    default: false
+  },
+  // 暂没找到使用的地方
+  selectedField: {
+    type: String,
+    default: "selected"
+  },
+  // 暂没找到使用的地方
+  multiStage: {
+    type: Boolean,
+    default: false
+  },
+  currentIndex: {
+    type: Number,
+    default: function _default3() {
+      return -1;
+    }
+  },
+  tooltipContent: {
+    type: String,
+    default: ""
+  },
+  // 以下为 tiny 新增
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  textField: {
+    type: String,
+    default: "label"
+  },
+  tip: {
+    type: [String, Function],
+    default: ""
+  },
+  tipPosition: {
+    type: String,
+    default: "right"
+  },
+  effect: {
+    type: String,
+    default: "light"
+  }
+});
+var DropdownItem = defineComponent({
+  name: $prefix + "DropdownItem",
+  componentName: "TinyDropdownItem",
+  props: dropdownItemProps,
+  setup: function setup(props, context) {
+    return $setup({
+      props,
+      context,
+      template
+    });
+  }
+});
+var version = "2.21.0";
+DropdownItem.model = {
+  prop: "modelValue",
+  event: "update:modelValue"
+};
+DropdownItem.install = function(Vue) {
+  Vue.component(DropdownItem.name, DropdownItem);
+};
+DropdownItem.version = version;
+export {
+  DropdownItem as default
+};

package/lib/mobile-first.js

@@ -0,0 +1,90 @@
+import { defineComponent, props, setup } from '@opentinyvue/vue-common';
+import { renderless, api } from '@opentinyvue/vue-renderless/dropdown-item/mf';
+
+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;
+  }
+  var hook;
+  if (injectStyles) {
+    hook = 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
+  };
+}
+
+var __vue2_script = defineComponent({
+  emits: ["update:modelValue", "change", "closed", "open", "opened", "close", "confirm", "reset"],
+  props: [].concat(props, ["disabled", "icon", "itemData", "selected", "label", "level", "currentIndex", "tooltipContent"]),
+  setup: function setup$1(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", {
+    class: _vm.m("rounded-sm list-none leading-10 sm:leading-8 outline-0 min-w-[theme(spacing.18)] max-w-[theme(spacing.52)] w-full [&_svg]:sm:w-3.5 [&_svg]:sm:h-3.5 [&_svg]:sm:mr-1.5 [&_svg]:mr-2 [&_svg]:align-text-bottom", _vm.disabled ? "cursor-not-allowed text-color-text-disabled [&_svg]:fill-color-text-disabled" : "text-color-text-primary active:bg-color-bg-4 visited:text-color-brand hover:bg-color-bg-2 focus:bg-color-bg-4 cursor-pointer", {
+      "text-color-brand-focus bg-color-fill-6": _vm.dataStore.checkedStatus && _vm.selected
+    }, _vm.dataStore.multiStage ? "!px-0 mb-1" : "[&:not(:last-of-type)]:mb-1"),
+    attrs: {
+      "data-tag": "tiny-dropdown-item",
+      "aria-disabled": _vm.disabled,
+      "tabindex": _vm.disabled ? null : -1
+    },
+    on: {
+      "mouseenter": _vm.mouseEnter,
+      "mouseleave": _vm.mouseLeave,
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.handleClick.apply(null, arguments);
+      }
+    }
+  }, [_c("div", {
+    ref: "level",
+    class: ["sm:text-xs text-sm", _vm.level === "2" ? "mx-6 overflow-hidden text-ellipsis whitespace-nowrap" : "mx-4 sm:mx-3 overflow-hidden text-ellipsis whitespace-nowrap"],
+    attrs: {
+      "data-tag": "tiny-dropdown-level"
+    }
+  }, [_vm.icon ? _c(_vm.icon, {
+    tag: "component",
+    staticClass: "sm:w-3.5 sm:h-3.5 sm:mr-1.5 mr-2 align-text-bottom"
+  }) : _vm._e(), _vm._t("default")], 2)]);
+};
+var staticRenderFns = [];
+var __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
+function __vue2_injectStyles(context) {
+  for (var o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+var mobileFirst = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+
+export { mobileFirst as default };

package/lib/mobile.js

@@ -0,0 +1,195 @@
+import { renderless, api } from '@opentinyvue/vue-renderless/dropdown-item/vue';
+import { defineComponent, directive, props, setup } from '@opentinyvue/vue-common';
+import { iconYes } from '@opentinyvue/vue-icon';
+import Popup from '@opentinyvue/vue-popup';
+import Button from '@opentinyvue/vue-button';
+import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
+import '@opentinyvue/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;
+  }
+  var hook;
+  if (injectStyles) {
+    hook = 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
+  };
+}
+
+var __vue2_script = defineComponent({
+  directives: directive({
+    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$1(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", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.state.showWrapper,
+      expression: "state.showWrapper"
+    }],
+    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);
+            }
+          }
+        }, [_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);
+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

@@ -0,0 +1,160 @@
+import { defineComponent, $prefix, props, setup } from '@opentinyvue/vue-common';
+import { renderless, api } from '@opentinyvue/vue-renderless/dropdown-item/vue';
+import { iconLeftWardArrow } from '@opentinyvue/vue-icon';
+import '@opentinyvue/vue-theme/dropdown-item/index.css';
+import { AutoTip } from '@opentinyvue/vue-directive';
+
+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;
+  }
+  var hook;
+  if (injectStyles) {
+    hook = 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
+  };
+}
+
+var __vue2_script = defineComponent({
+  name: $prefix + "DropdownItem",
+  componentName: $prefix + "DropdownItem",
+  directives: {
+    AutoTip
+  },
+  emits: ["item-click", "update:modelValue", "change", "closed", "open", "opened", "close", "confirm", "reset"],
+  props: [].concat(props, [
+    "disabled",
+    "divided",
+    "icon",
+    "itemData",
+    "selected",
+    "currentIndex",
+    "title",
+    "titleClass",
+    "options",
+    "type",
+    "label",
+    "selectedField",
+    "multiStage",
+    // tiny新增
+    "appendToBody",
+    "textField",
+    "tip",
+    "tipPosition",
+    "effect",
+    "isMono"
+  ]),
+  components: {
+    IconLeftWardArrow: iconLeftWardArrow()
+  },
+  setup: function setup$1(props2, context) {
+    return setup({
+      props: props2,
+      context,
+      renderless,
+      api,
+      mono: props2.isMono
+    });
+  }
+});
+var render = function render2() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("li", {
+    directives: [{
+      name: "auto-tip",
+      rawName: "v-auto-tip",
+      value: _vm.state.computedTip ? {
+        always: true,
+        content: _vm.state.computedTip,
+        effect: _vm.effect,
+        placement: _vm.tipPosition
+      } : false,
+      expression: "\n    state.computedTip ? { always: true, content: state.computedTip, effect, placement: tipPosition } : false\n  "
+    }],
+    ref: "dropdownItem",
+    class: ["tiny-dropdown-item", "tiny-dropdown-menu__item", _vm.state.sizeClass, _vm.disabled ? "is-disabled" : "", _vm.divided ? "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided" : "", _vm.state.checkedStatus && _vm.selected ? "tiny-dropdown-item--check-status" : "", _vm.itemData.children && _vm.itemData.children.length ? "has-children" : ""],
+    attrs: {
+      "aria-disabled": _vm.disabled,
+      "tabindex": _vm.disabled ? null : -1
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.handleClick.apply(null, arguments);
+      },
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "tiny-dropdown-item__wrap"
+  }, [_vm.itemData.children && _vm.itemData.children.length ? _c("span", {
+    staticClass: "tiny-dropdown-item__expand tiny-dropdown-menu__item-expand"
+  }, [_c(_vm.state.getIcon, {
+    tag: "component"
+  })], 1) : _vm._e(), _c("div", {
+    staticClass: "tiny-dropdown-item__content tiny-dropdown-menu__item-content"
+  }, [_vm.icon ? _c(_vm.icon, {
+    tag: "component",
+    staticClass: "tiny-svg-size tiny-dropdown-item__pre-icon"
+  }) : _vm._e(), _c("span", {
+    staticClass: "tiny-dropdown-item__label"
+  }, [_vm._t("default", function() {
+    return [_c("span", [_vm._v(_vm._s(_vm.label))])];
+  }, {
+    "itemData": _vm.itemData
+  })], 2)], 1), _vm.itemData.children && _vm.itemData.children.length ? _c("ul", {
+    class: ["tiny-dropdown-menu", "tiny-dropdown-item--child 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],
+        "item-data": item,
+        "_constants": _vm._constants,
+        "icon": item.icon,
+        "is-mono": true,
+        "disabled": item.disabled,
+        "divided": item.divided,
+        "tip": item.tip,
+        "tip-position": item.tipPosition
+      }
+    }, [_vm._t("default", null, {
+      "itemData": item
+    })], 2);
+  }), 1) : _vm._e()])]);
+};
+var staticRenderFns = [];
+var __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
+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

@@ -0,0 +1,25 @@
+{
+  "name": "@opentinyvue/vue-dropdown-item",
+  "type": "module",
+  "version": "2.21.0",
+  "description": "",
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "dependencies": {
+    "@opentinyvue/vue-button": "~2.21.0",
+    "@opentinyvue/vue-common": "~2.21.0",
+    "@opentinyvue/vue-directive": "~2.21.0",
+    "@opentinyvue/vue-icon": "~2.21.0",
+    "@opentinyvue/vue-popup": "~2.21.0",
+    "@opentinyvue/vue-renderless": "~3.21.0",
+    "@opentinyvue/vue-theme": "~3.21.0",
+    "@opentinyvue/vue-theme-mobile": "~3.21.0"
+  },
+  "types": "index.d.ts",
+  "scripts": {
+    "build": "pnpm -w build:ui $npm_package_name",
+    "//postversion": "pnpm build"
+  }
+}

package/src/index.d.ts

@@ -0,0 +1,93 @@
+/**
+ * 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.
+ *
+ */
+export declare const $constants: {
+    ICON_MAP: {
+        leftWardArrow: string;
+    };
+};
+export declare const dropdownItemProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            ICON_MAP: {
+                leftWardArrow: string;
+            };
+        };
+    };
+    icon: (StringConstructor | ObjectConstructor)[];
+    disabled: BooleanConstructor;
+    divided: BooleanConstructor;
+    itemData: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    title: StringConstructor;
+    label: StringConstructor;
+    level: StringConstructor;
+    titleClass: StringConstructor;
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedField: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiStage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentIndex: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    tooltipContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    tip: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    tipPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+declare const _default: any;
+export default _default;

package/src/mobile-first.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/mobile.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/pc.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;