@uzum-tech/ui 2.3.2 → 2.3.3

package/es/_internal/select-menu/src/interface.mjs

@@ -1,3 +1,84 @@
+import useTheme from "../../../_mixins/use-theme.mjs";
 import { createInjectionKey } from "../../../_utils/vue/create-injection-key.mjs";
+export const internalSelectMenuProps = Object.assign(Object.assign({}, useTheme.props), {
+  clsPrefix: {
+    type: String,
+    required: true
+  },
+  scrollable: {
+    type: Boolean,
+    default: true
+  },
+  treeMate: {
+    type: Object,
+    required: true
+  },
+  multiple: Boolean,
+  account: Boolean,
+  size: {
+    type: String,
+    default: 'medium'
+  },
+  value: {
+    type: [String, Number, Array],
+    default: null
+  },
+  autoPending: Boolean,
+  virtualScroll: {
+    type: Boolean,
+    default: true
+  },
+  // show is used to toggle pending state initialization
+  show: {
+    type: Boolean,
+    default: true
+  },
+  labelField: {
+    type: String,
+    default: 'label'
+  },
+  valueField: {
+    type: String,
+    default: 'value'
+  },
+  loading: Boolean,
+  focusable: Boolean,
+  renderLabel: Function,
+  renderOption: Function,
+  nodeProps: Function,
+  showCheckmark: {
+    type: Boolean,
+    default: true
+  },
+  markType: {
+    type: String,
+    default: 'mark'
+  },
+  filterable: Boolean,
+  pattern: {
+    type: String,
+    default: ''
+  },
+  searchPlaceholder: String,
+  onPatternInput: Function,
+  onMousedown: Function,
+  onScroll: Function,
+  onFocus: Function,
+  onBlur: Function,
+  onKeyup: Function,
+  onKeydown: Function,
+  onTabOut: Function,
+  onMouseenter: Function,
+  onMouseleave: Function,
+  onResize: Function,
+  resetMenuOnOptionsChange: {
+    type: Boolean,
+    default: true
+  },
+  inlineThemeDisabled: Boolean,
+  scrollbarProps: Object,
+  // deprecated
+  onToggle: Function
+});
 export const internalSelectionMenuInjectionKey = createInjectionKey('u-internal-select-menu');
 export const internalSelectionMenuBodyInjectionKey = createInjectionKey('u-internal-select-menu-body');

package/es/_internal/select-menu/src/styles/index.cssr.mjs

@@ -35,6 +35,10 @@ export default cB('base-select-menu', `
  `), cE('loading', `
  color: var(--u-loading-color);
  font-size: var(--u-loading-size);
+ `), cE('header', `
+ padding: 8px var(--u-option-padding-left);
+ font-size: var(--u-option-font-size);
+ border-bottom: 1px solid var(--u-action-divider-color);
  `), cE('action', `
  padding: 8px var(--u-option-padding-left);
  font-size: var(--u-option-font-size);
@@ -43,6 +47,10 @@ export default cB('base-select-menu', `
  border-color .3s var(--u-bezier);
  border-top: 1px solid var(--u-action-divider-color);
  color: var(--u-action-text-color);
+ `), cE('search', `
+ box-sizing: border-box;
+ width: 100%;
+ padding: 12px;
  `), cB('base-select-group-header', `
  position: relative;
  cursor: default;
@@ -115,4 +123,18 @@ export default cB('base-select-menu', `
  transition: color .3s var(--u-bezier);
  `, [fadeInScaleUpTransition({
   enterScale: '0.5'
-})])])])]);
+})])]), cE('checkbox-wrapper', `
+ position: absolute;
+ right: calc(var(--u-option-padding-right) - 4px);
+ top: 50%;
+ transform: translateY(-50%);
+ pointer-events: none;
+ `)]), cM('has-search', [cE('header', `
+ border-bottom: none;
+ `), cB('base-select-option', [c('&:first-child', [c('&::before', `
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ `)])])]), cM('has-footer', [cB('base-select-option', [c('&:last-child', [c('&::before', `
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ `)])])])]);

package/es/_internal/select-menu/styles/dark.mjs

@@ -1,5 +1,7 @@
 import { commonDark } from "../../../_styles/common/index.mjs";
+import { checkboxDark } from "../../../checkbox/styles/index.mjs";
 import { emptyDark } from "../../../empty/styles/index.mjs";
+import { inputDark } from "../../../input/styles/index.mjs";
 import { scrollbarDark } from "../../scrollbar/styles/index.mjs";
 import { self } from "./light.mjs";
 const internalSelectMenuDark = {
@@ -7,7 +9,9 @@ const internalSelectMenuDark = {
   common: commonDark,
   peers: {
     Scrollbar: scrollbarDark,
-    Empty: emptyDark
+    Empty: emptyDark,
+    Checkbox: checkboxDark,
+    Input: inputDark
   },
   self
 };

package/es/_internal/select-menu/styles/light.d.ts

@@ -97,6 +97,129 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
         iconBgColor: string;
         extraTextColor: string;
     }, any>;
+    Checkbox: import("../../../_mixins").Theme<"Checkbox", {
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
+        fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
+        color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
+        colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
+        colorDisabled: string;
+        colorDisabledChecked: string;
+        checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
+        checkMarkColorDisabled: string;
+        checkMarkColorDisabledChecked: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
+        boxShadowHover: string;
+        boxShadowFocus: string;
+        boxShadowActive: string;
+        boxShadowHoverChecked: string;
+        boxShadowFocusChecked: string;
+        boxShadowActiveChecked: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
+        labelPadding: string;
+    }, any>;
+    Input: import("../../../_mixins").Theme<"Input", {
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        paddingHuge: string;
+        clearSize: string;
+        countTextColorDisabled: string;
+        countTextColor: string;
+        heightTiny: string;
+        heightSmall: string;
+        heightMedium: string;
+        heightLarge: string;
+        heightHuge: string;
+        fontSizeTiny: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        lineHeight: string;
+        lineHeightTextarea: string;
+        borderRadius: string;
+        iconSize: string;
+        groupLabelTextColor: string;
+        textColor: string;
+        textColorDisabled: string;
+        textDecorationColor: string;
+        caretColor: string;
+        placeholderColor: string;
+        placeholderColorDisabled: string;
+        color: string;
+        colorDisabled: string;
+        colorFocus: string;
+        groupLabelBorder: string;
+        border: string;
+        borderHover: string;
+        borderDisabled: string;
+        borderFocus: string;
+        boxShadowFocus: string;
+        loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
+        loadingColorWarning: string;
+        borderWarning: string;
+        borderHoverWarning: string;
+        colorFocusWarning: string;
+        borderFocusWarning: string;
+        boxShadowFocusWarning: string;
+        caretColorWarning: string;
+        loadingColorError: string;
+        borderError: string;
+        borderHoverError: string;
+        colorFocusError: string;
+        borderFocusError: string;
+        boxShadowFocusError: string;
+        caretColorError: string;
+        clearColor: string;
+        clearColorHover: string;
+        clearColorPressed: string;
+        iconColor: string;
+        iconColorDisabled: string;
+        iconColorHover: string;
+        iconColorPressed: string;
+        suffixTextColor: string;
+        selectionColor: string;
+    }, any>;
 }>;
 export default internalSelectMenuLight;
 export type InternalSelectMenuTheme = typeof internalSelectMenuLight;

package/es/_internal/select-menu/styles/light.mjs

@@ -1,6 +1,8 @@
 import { createTheme } from "../../../_mixins/index.mjs";
 import { commonLight } from "../../../_styles/common/index.mjs";
+import { checkboxLight } from "../../../checkbox/styles/index.mjs";
 import { emptyLight } from "../../../empty/styles/index.mjs";
+import { inputLight } from "../../../input/styles/index.mjs";
 import { scrollbarLight } from "../../scrollbar/styles/index.mjs";
 export function self(vars) {
   const {
@@ -57,7 +59,9 @@ const internalSelectMenuLight = createTheme({
   common: commonLight,
   peers: {
     Scrollbar: scrollbarLight,
-    Empty: emptyLight
+    Empty: emptyLight,
+    Checkbox: checkboxLight,
+    Input: inputLight
   },
   self
 });

package/es/_internal/selection/src/Selection.d.ts

@@ -1187,11 +1187,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     bordered: boolean | undefined;
     inlineThemeDisabled: boolean;
-    disabled: boolean;
-    size: SelectSize;
-    pattern: string;
     loading: boolean;
     clearable: boolean;
+    disabled: boolean;
+    size: SelectSize;
     round: boolean;
     loadingSkeleton: boolean;
     secondary: boolean;
@@ -1205,6 +1204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     counter: boolean;
     account: boolean;
     autofocus: boolean;
+    pattern: string;
     active: boolean;
     focused: boolean;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null;

package/es/_internal/skeleton/src/Skeleton.d.ts

@@ -147,8 +147,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly repeat: number;
     readonly circle: boolean;
-    readonly text: boolean;
     readonly round: boolean;
+    readonly text: boolean;
     readonly animated: boolean;
     readonly sharp: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/_internal/typography/src/text.d.ts

@@ -279,11 +279,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         codeBorder: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "default" | "error" | "warning" | "success" | "info";
-    readonly strong: boolean;
-    readonly text: string;
     readonly tag: keyof HTMLElementTagNameMap;
+    readonly type: "default" | "info" | "warning" | "error" | "success";
     readonly color: string;
+    readonly strong: boolean;
+    readonly text: string;
     readonly variant: TypographyVariant;
     readonly italic: boolean;
     readonly variantOptions: TypographyVariantOptions;

package/es/action-card/src/ActionCard.d.ts

@@ -305,9 +305,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         disabledColor: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly disabled: boolean;
     readonly loading: boolean;
-    readonly tag: "a" | "button" | "div";
+    readonly tag: "div" | "a" | "button";
+    readonly disabled: boolean;
     readonly descriptionLineClamp: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/affix/src/Affix.d.ts

@@ -27,7 +27,7 @@ export declare const affixProps: {
         readonly default: undefined;
     };
 };
-export declare const affixPropKeys: ("top" | "bottom" | "listenTo" | "triggerTop" | "triggerBottom" | "position" | "offsetTop" | "offsetBottom" | "target")[];
+export declare const affixPropKeys: ("top" | "listenTo" | "bottom" | "triggerTop" | "triggerBottom" | "position" | "offsetTop" | "offsetBottom" | "target")[];
 export type AffixProps = ExtractPublicPropTypes<typeof affixProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;

package/es/alert/src/Alert.d.ts

@@ -949,7 +949,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     bordered: boolean;
-    type: "default" | "error" | "warning" | "success" | "info" | "primary";
+    type: "default" | "info" | "warning" | "error" | "success" | "primary";
     showIcon: boolean;
     layoutType: "banner" | "alert";
     rounded: boolean;

package/es/anchor/src/AnchorAdapter.d.ts

@@ -279,10 +279,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly type: "block" | "rail";
-    readonly top: number;
     readonly showRail: boolean;
     readonly showBackground: boolean;
     readonly bound: number;
+    readonly top: number;
     readonly internalScrollable: boolean;
     readonly ignoreGap: boolean;
     readonly position: "fix" | "absolute";

package/es/anchor/src/BaseAnchor.d.ts

@@ -28,7 +28,7 @@ export declare const baseAnchorProps: {
     readonly ignoreGap: BooleanConstructor;
     readonly offsetTarget: PropType<string | OffsetTarget | (() => HTMLElement)>;
 };
-export declare const baseAnchorPropKeys: ("type" | "top" | "showRail" | "showBackground" | "bound" | "internalScrollable" | "ignoreGap" | "offsetTarget")[];
+export declare const baseAnchorPropKeys: ("type" | "showRail" | "showBackground" | "bound" | "top" | "internalScrollable" | "ignoreGap" | "offsetTarget")[];
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mergedClsPrefix: {
         type: StringConstructor;
@@ -95,10 +95,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     offsetTarget: PropType<string | OffsetTarget | (() => HTMLElement)>;
 }>> & Readonly<{}>, {
     type: "block" | "rail";
-    top: number;
     showRail: boolean;
     showBackground: boolean;
     bound: number;
+    top: number;
     internalScrollable: boolean;
     ignoreGap: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;