@opentiny/vue-dropdown-item 3.18.1 → 3.19.0

package/lib/index.js

@@ -28,7 +28,7 @@ var template = function template2(mode) {
 };
 var $constants = {
   ICON_MAP: {
-    leftWardArrow: "icon-delta-left"
+    leftWardArrow: "icon-left-ward-arrow"
   }
 };
 var dropdownItemProps = _extends({}, $props, {
@@ -119,7 +119,7 @@ var DropdownItem = defineComponent({
     });
   }
 });
-var version = "3.undefined";
+var version = "3.19.0";
 DropdownItem.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/pc.js

@@ -1,6 +1,6 @@
 import { defineComponent, $prefix, props, setup } from '@opentiny/vue-common';
 import { renderless, api } from '@opentiny/vue-renderless/dropdown-item/vue';
-import { iconDeltaLeft } from '@opentiny/vue-icon';
+import { iconLeftWardArrow } from '@opentiny/vue-icon';
 import '@opentiny/vue-theme/dropdown-item/index.css';
 import { AutoTip } from '@opentiny/vue-directive';
 import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, toDisplayString, Fragment, renderList, withCtx } from 'vue';
@@ -70,7 +70,7 @@ var _sfc_main = defineComponent({
     "effect"
   ]),
   components: {
-    IconDeltaLeft: iconDeltaLeft()
+    IconLeftWardArrow: iconLeftWardArrow()
   },
   setup: function setup$1(props2, context) {
     return setup({
@@ -99,12 +99,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_tiny_dropdown_item = resolveComponent("tiny-dropdown-item");
   var _directive_auto_tip = resolveDirective("auto-tip");
   return withDirectives((openBlock(), createElementBlock("li", {
-    class: normalizeClass(["tiny-dropdown-item tiny-dropdown-menu__item", {
-      "is-disabled": _ctx.disabled,
-      "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided": _ctx.divided,
-      "tiny-dropdown-item--check-status": _ctx.state.checkedStatus && _ctx.selected,
-      "has-children": _ctx.itemData.children && _ctx.itemData.children.length
-    }]),
+    class: normalizeClass(["tiny-dropdown-item", "tiny-dropdown-menu__item", _ctx.state.sizeClass, _ctx.disabled ? "is-disabled" : "", _ctx.divided ? "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided" : "", _ctx.state.checkedStatus && _ctx.selected ? "tiny-dropdown-item--check-status" : "", _ctx.itemData.children && _ctx.itemData.children.length ? "has-children" : ""]),
     ref: "dropdownItem",
     onClick: _cache[0] || (_cache[0] = withModifiers(function() {
       return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
@@ -115,7 +110,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     tabindex: _ctx.disabled ? null : -1
   }, [createElementVNode("div", _hoisted_2, [_ctx.itemData.children && _ctx.itemData.children.length ? (openBlock(), createElementBlock("span", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.getIcon)))])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
     key: 0,
-    class: "tiny-svg-size"
+    class: "tiny-svg-size tiny-dropdown-item__pre-icon"
   })) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "default", {
     itemData: _ctx.itemData
   }, function() {
@@ -160,9 +155,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ))],
     2
     /* CLASS */
-  )) : createCommentVNode("v-if", true)])], 42, _hoisted_1)), [[_directive_auto_tip, _ctx.getTip ? {
+  )) : createCommentVNode("v-if", true)])], 42, _hoisted_1)), [[_directive_auto_tip, _ctx.state.computedTip ? {
     always: true,
-    content: _ctx.getTip,
+    content: _ctx.state.computedTip,
     effect: _ctx.effect,
     placement: _ctx.tipPosition
   } : false]]);

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@opentiny/vue-dropdown-item",
   "type": "module",
-  "version": "3.18.1",
+  "version": "3.19.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-button": "~3.18.0",
-    "@opentiny/vue-common": "~3.18.0",
-    "@opentiny/vue-directive": "~3.18.0",
-    "@opentiny/vue-icon": "~3.18.0",
-    "@opentiny/vue-popup": "~3.18.0",
-    "@opentiny/vue-renderless": "~3.18.0",
-    "@opentiny/vue-theme": "~3.18.0",
-    "@opentiny/vue-theme-mobile": "~3.18.0"
+    "@opentiny/vue-button": "~3.19.0",
+    "@opentiny/vue-common": "~3.19.0",
+    "@opentiny/vue-directive": "~3.19.0",
+    "@opentiny/vue-icon": "~3.19.0",
+    "@opentiny/vue-popup": "~3.19.0",
+    "@opentiny/vue-renderless": "~3.19.0",
+    "@opentiny/vue-theme": "~3.19.0",
+    "@opentiny/vue-theme-mobile": "~3.19.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/index.d.ts

@@ -23,11 +23,11 @@ export declare const dropdownItemProps: {
             };
         };
     };
-    icon: (ObjectConstructor | StringConstructor)[];
+    icon: (StringConstructor | ObjectConstructor)[];
     disabled: BooleanConstructor;
     divided: BooleanConstructor;
     itemData: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: string;
     };
     title: StringConstructor;
@@ -98,11 +98,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
             };
         };
     };
-    icon: (ObjectConstructor | StringConstructor)[];
+    icon: (StringConstructor | ObjectConstructor)[];
     disabled: BooleanConstructor;
     divided: BooleanConstructor;
     itemData: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: string;
     };
     title: StringConstructor;
@@ -174,11 +174,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
             };
         };
     };
-    icon: (ObjectConstructor | StringConstructor)[];
+    icon: (StringConstructor | ObjectConstructor)[];
     disabled: BooleanConstructor;
     divided: BooleanConstructor;
     itemData: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: string;
     };
     title: StringConstructor;
@@ -240,21 +240,21 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
+    disabled: boolean;
+    divided: boolean;
     type: string;
     selected: boolean;
-    disabled: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
     effect: string;
-    appendToBody: boolean;
-    itemData: string | Record<string, any>;
-    options: unknown[];
     multiStage: boolean;
+    options: unknown[];
+    textField: string;
+    itemData: string | Record<string, any>;
+    selectedField: string;
     currentIndex: number;
     tooltipContent: string;
-    divided: boolean;
-    selectedField: string;
-    textField: string;
+    appendToBody: boolean;
     tip: string | Function;
     tipPosition: string;
 }, {}>;

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

@@ -1,7 +1,8 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     label?: any;
-    selected?: any;
     disabled?: any;
+    icon?: any;
+    selected?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -10,14 +11,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     itemData?: any;
-    icon?: any;
     level?: any;
     currentIndex?: any;
     tooltipContent?: any;
-}>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "change" | "closed" | "open" | "opened" | "close" | "confirm" | "reset")[], "update:modelValue" | "change" | "closed" | "open" | "opened" | "close" | "confirm" | "reset", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "close" | "reset" | "confirm" | "update:modelValue" | "open" | "closed" | "opened")[], "change" | "close" | "reset" | "confirm" | "update:modelValue" | "open" | "closed" | "opened", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     label?: any;
-    selected?: any;
     disabled?: any;
+    icon?: any;
+    selected?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -26,7 +27,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     itemData?: any;
-    icon?: any;
     level?: any;
     currentIndex?: any;
     tooltipContent?: any;
@@ -35,14 +35,15 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
     readonly label?: any;
-    readonly selected?: any;
     readonly disabled?: any;
+    readonly icon?: any;
+    readonly selected?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -51,7 +52,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
     readonly itemData?: any;
-    readonly icon?: any;
     readonly level?: any;
     readonly currentIndex?: any;
     readonly tooltipContent?: any;

package/src/mobile.vue.d.ts

@@ -1,7 +1,8 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
+    disabled?: any;
+    icon?: any;
     type?: any;
     title?: any;
-    disabled?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -10,9 +11,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     modelValue?: any;
-    icon?: any;
-    titleClass?: any;
     options?: any;
+    titleClass?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -21,10 +21,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     d: (props: any) => void;
     dp: (props: any) => void;
     gcls: (key: any) => any;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "change" | "closed" | "open" | "opened" | "close" | "confirm" | "reset" | "item-click" | "click")[], "update:modelValue" | "change" | "closed" | "open" | "opened" | "close" | "confirm" | "reset" | "item-click" | "click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("item-click" | "change" | "click" | "close" | "reset" | "confirm" | "update:modelValue" | "open" | "closed" | "opened")[], "item-click" | "change" | "click" | "close" | "reset" | "confirm" | "update:modelValue" | "open" | "closed" | "opened", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    disabled?: any;
+    icon?: any;
     type?: any;
     title?: any;
-    disabled?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -33,24 +34,24 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     modelValue?: any;
-    icon?: any;
-    titleClass?: any;
     options?: any;
+    titleClass?: any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly disabled?: any;
+    readonly icon?: any;
     readonly type?: any;
     readonly title?: any;
-    readonly disabled?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -59,8 +60,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
     readonly modelValue?: any;
-    readonly icon?: any;
-    readonly titleClass?: any;
     readonly options?: any;
+    readonly titleClass?: any;
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -1,10 +1,12 @@
 import type { IDropdownItemApi } from '@opentiny/vue-renderless/types/dropdown-item.type';
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    type?: any;
     label?: any;
+    disabled?: any;
+    divided?: any;
+    icon?: any;
+    type?: any;
     title?: any;
     selected?: any;
-    disabled?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -13,24 +15,24 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     effect?: any;
-    appendToBody?: any;
+    multiStage?: any;
+    options?: any;
+    textField?: any;
     itemData?: any;
-    icon?: any;
     titleClass?: any;
-    options?: any;
-    multiStage?: any;
-    currentIndex?: any;
-    divided?: any;
     selectedField?: any;
-    textField?: any;
+    currentIndex?: any;
+    appendToBody?: any;
     tip?: any;
     tipPosition?: any;
-}>, IDropdownItemApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "change" | "closed" | "open" | "opened" | "close" | "confirm" | "reset" | "item-click")[], "update:modelValue" | "change" | "closed" | "open" | "opened" | "close" | "confirm" | "reset" | "item-click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    type?: any;
+}>, IDropdownItemApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("item-click" | "change" | "close" | "reset" | "confirm" | "update:modelValue" | "open" | "closed" | "opened")[], "item-click" | "change" | "close" | "reset" | "confirm" | "update:modelValue" | "open" | "closed" | "opened", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     label?: any;
+    disabled?: any;
+    divided?: any;
+    icon?: any;
+    type?: any;
     title?: any;
     selected?: any;
-    disabled?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -39,34 +41,34 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     effect?: any;
-    appendToBody?: any;
+    multiStage?: any;
+    options?: any;
+    textField?: any;
     itemData?: any;
-    icon?: any;
     titleClass?: any;
-    options?: any;
-    multiStage?: any;
-    currentIndex?: any;
-    divided?: any;
     selectedField?: any;
-    textField?: any;
+    currentIndex?: any;
+    appendToBody?: any;
     tip?: any;
     tipPosition?: any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly type?: any;
     readonly label?: any;
+    readonly disabled?: any;
+    readonly divided?: any;
+    readonly icon?: any;
+    readonly type?: any;
     readonly title?: any;
     readonly selected?: any;
-    readonly disabled?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -75,16 +77,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
     readonly effect?: any;
-    readonly appendToBody?: any;
+    readonly multiStage?: any;
+    readonly options?: any;
+    readonly textField?: any;
     readonly itemData?: any;
-    readonly icon?: any;
     readonly titleClass?: any;
-    readonly options?: any;
-    readonly multiStage?: any;
-    readonly currentIndex?: any;
-    readonly divided?: any;
     readonly selectedField?: any;
-    readonly textField?: any;
+    readonly currentIndex?: any;
+    readonly appendToBody?: any;
     readonly tip?: any;
     readonly tipPosition?: any;
 }, {}>;