@qynpm/ui 1.0.36 → 1.0.38

package/dist/shared/index-xdsYNS2u.mjs

@@ -0,0 +1,53 @@
+import { defineComponent as n, openBlock as a, createBlock as d, mergeProps as l, withCtx as p, renderSlot as c, computed as u, h as f } from "vue";
+import { ElAside as _ } from "element-plus";
+import { _ as o } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const m = /* @__PURE__ */ n({
+  name: "QyAsideElementPlusRenderer",
+  inheritAttrs: !1,
+  __name: "element-plus",
+  props: {
+    width: { type: String, required: !0 }
+  },
+  setup(e, { expose: r }) {
+    r();
+    const t = { get ElAside() {
+      return _;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+function h(e, r, t, s, i, x) {
+  return a(), d(s.ElAside, l(e.$attrs, { width: t.width }), {
+    default: p(() => [
+      c(e.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["width"]);
+}
+const w = /* @__PURE__ */ o(m, [["render", h], ["__file", "C:/Users/wzqy/.codex/worktrees/62ec/qy-components/packages/ui/lib/qy-aside/renderer/element-plus.vue"]]), A = (e) => e === "class" || e === "style" || e === "id" || e === "role" || e === "title" || e.startsWith("data-") || e.startsWith("aria-"), q = n({
+  name: "QyAside",
+  inheritAttrs: !1,
+  props: {
+    width: {
+      type: String,
+      default: "300px"
+    }
+  },
+  setup(e, { attrs: r, slots: t }) {
+    const s = u(
+      () => Object.fromEntries(Object.entries(r).filter(([i]) => A(i)))
+    );
+    return () => f(
+      w,
+      {
+        ...s.value,
+        width: e.width
+      },
+      t.default ? { default: t.default } : void 0
+    );
+  }
+}), E = /* @__PURE__ */ o(q, [["__file", "C:/Users/wzqy/.codex/worktrees/62ec/qy-components/packages/ui/lib/qy-aside/index.vue"]]);
+export {
+  E as A
+};

package/dist/shared/index-xhROPBam.mjs

@@ -0,0 +1,129 @@
+import { defineComponent as V, ref as b, computed as w, openBlock as c, createElementBlock as f, normalizeClass as p, createVNode as S, withCtx as z, createElementVNode as y, withModifiers as d, withKeys as h, toDisplayString as U, createCommentVNode as k } from "vue";
+import { U as B } from "./index-BcPpl_OJ.mjs";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const N = /* @__PURE__ */ V({
+  name: "QyFilePicker",
+  __name: "index",
+  props: {
+    modelValue: { type: null, required: !1, default: null },
+    extensions: { type: Array, required: !1, default: () => [] },
+    maxSizeMb: { type: Number, required: !1, default: 20 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    drag: { type: Boolean, required: !1, default: !0 },
+    placeholder: { type: String, required: !1, default: "请选择文件" }
+  },
+  emits: ["update:modelValue", "change", "clear", "invalid"],
+  setup(u, { expose: _, emit: l }) {
+    const e = u, i = l, r = b(null), n = b(!1), o = w(() => e.modelValue ? [e.modelValue] : []);
+    let t = !1;
+    function m() {
+      var a;
+      e.disabled || (a = r.value) == null || a.openFileDialog();
+    }
+    function s() {
+      var a;
+      t = !0, (a = r.value) == null || a.clearFiles(), t = !1, i("update:modelValue", null), i("change", null), i("clear");
+    }
+    function x() {
+      e.disabled || s();
+    }
+    function D() {
+      !e.disabled && e.drag && (n.value = !0);
+    }
+    function q() {
+      n.value = !1;
+    }
+    function C(a) {
+      if (t) return;
+      const v = a[0] ?? null;
+      i("update:modelValue", v), i("change", v);
+    }
+    function F(a) {
+      i("invalid", a);
+    }
+    _({
+      openFileDialog: m,
+      clear: s
+    });
+    const g = { props: e, emit: i, uploadRef: r, isDragover: n, selectedFiles: o, get clearing() {
+      return t;
+    }, set clearing(a) {
+      t = a;
+    }, openFileDialog: m, clear: s, handleClearClick: x, handleDragenter: D, handleDragleave: q, handleSelectedFiles: C, handleInvalid: F, QyUpload: B };
+    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+  }
+}), K = ["tabindex", "aria-disabled", "onClick", "onKeydown"], M = { class: "qy-file-picker__label" }, P = {
+  key: 0,
+  class: "qy-file-picker__hint"
+}, Q = ["disabled"];
+function E(u, _, l, e, i, r) {
+  return c(), f(
+    "div",
+    {
+      class: p(["qy-file-picker", { "is-disabled": l.disabled, "is-dragover": e.isDragover }])
+    },
+    [
+      S(e.QyUpload, {
+        ref: "uploadRef",
+        variant: "file-list",
+        "auto-upload": !1,
+        "selected-files": e.selectedFiles,
+        "file-type": l.extensions,
+        "file-size": l.maxSizeMb,
+        disabled: l.disabled,
+        "disable-drag": !l.drag,
+        multiple: !1,
+        limit: 1,
+        "show-text": !1,
+        "show-paste-input": !1,
+        "onUpdate:selectedFiles": e.handleSelectedFiles,
+        onInvalid: e.handleInvalid
+      }, {
+        trigger: z(({ open: n }) => {
+          var o;
+          return [
+            y("div", {
+              class: p(["qy-file-picker__dropzone", { "is-click-only": !l.drag }]),
+              role: "button",
+              tabindex: l.disabled ? -1 : 0,
+              "aria-disabled": l.disabled ? "true" : void 0,
+              onClick: n,
+              onKeydown: [
+                h(d(n, ["prevent"]), ["enter"]),
+                h(d(n, ["prevent"]), ["space"])
+              ],
+              onDragenter: d(e.handleDragenter, ["prevent"]),
+              onDragover: d(e.handleDragenter, ["prevent"]),
+              onDragleave: d(e.handleDragleave, ["prevent"]),
+              onDrop: e.handleDragleave
+            }, [
+              y(
+                "span",
+                M,
+                U(((o = l.modelValue) == null ? void 0 : o.name) || l.placeholder),
+                1
+                /* TEXT */
+              ),
+              l.drag ? (c(), f("span", P, " 点击选择或拖拽单个文件到此处 ")) : k("v-if", !0)
+            ], 42, K)
+          ];
+        }),
+        _: 1
+        /* STABLE */
+      }, 8, ["selected-files", "file-type", "file-size", "disabled", "disable-drag"]),
+      l.modelValue ? (c(), f("button", {
+        key: 0,
+        class: "qy-file-picker__clear",
+        type: "button",
+        disabled: l.disabled,
+        onClick: d(e.handleClearClick, ["stop"])
+      }, " 清空 ", 8, Q)) : k("v-if", !0)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const O = /* @__PURE__ */ I(N, [["render", E], ["__scopeId", "data-v-89753530"], ["__file", "C:/Users/wzqy/.codex/worktrees/62ec/qy-components/packages/ui/lib/qy-file-picker/index.vue"]]);
+export {
+  O as F
+};

package/index.d.ts

@@ -1,6 +1,6 @@
-import type { App, Plugin } from 'vue'
-import type QyUploadComponent from './qy-upload'
-import type QyImageUploadComponent from './qy-image-upload'
+import type { App, Plugin } from 'vue'
+import type QyUploadComponent from './qy-upload'
+import type QyImageUploadComponent from './qy-image-upload'
 import type QyFilePickerComponent from './qy-file-picker'
 import type QyCheckboxComponent from './qy-checkbox'
 import type QyCheckboxGroupComponent from './qy-checkbox-group'
@@ -33,11 +33,11 @@ import type QyAsideComponent from './qy-aside'
 import type QyMainComponent from './qy-main'
 import type QyDescriptionsComponent from './qy-descriptions'
 import type QyDescriptionsItemComponent from './qy-descriptions-item'
-import type QyCollapseComponent from './qy-collapse'
-import type QyCollapseItemComponent from './qy-collapse-item'
-import type QyLinkComponent from './qy-link'
-import type QyIframeComponent from './qy-iframe'
-import type QyDividerComponent from './qy-divider'
+import type QyCollapseComponent from './qy-collapse'
+import type QyCollapseItemComponent from './qy-collapse-item'
+import type QyLinkComponent from './qy-link'
+import type QyIframeComponent from './qy-iframe'
+import type QyDividerComponent from './qy-divider'
 import type QyEmptyComponent from './qy-empty'
 import type QyAlertComponent from './qy-alert'
 import type QyCardComponent from './qy-card'
@@ -49,60 +49,60 @@ import type QyProgressComponent from './qy-progress'
 import type QyStatisticComponent from './qy-statistic'
 import type QyAvatarComponent from './qy-avatar'
 import type QyTreeComponent from './qy-tree'
-import type QyInputComponent from './qy-input'
-import type QyInputTagComponent from './qy-input-tag'
-import type QyInputNumberComponent from './qy-input-number'
-import type QyDatePickerComponent from './qy-date-picker'
-import type QyMoneyInputComponent from './qy-money-input'
+import type QyInputComponent from './qy-input'
+import type QyInputTagComponent from './qy-input-tag'
+import type QyInputNumberComponent from './qy-input-number'
+import type QyDatePickerComponent from './qy-date-picker'
+import type QyMoneyInputComponent from './qy-money-input'
 
 export type {
   QyInputNumberClearValue,
   QyInputNumberControlsPosition,
-  QyInputNumberEmits,
-  QyInputNumberExposed,
-  QyInputNumberProps,
-  QyInputNumberSize,
-  QyInputNumberSlots,
-  QyInputNumberValue
-} from './qy-input-number'
+  QyInputNumberEmits,
+  QyInputNumberExposed,
+  QyInputNumberProps,
+  QyInputNumberSize,
+  QyInputNumberSlots,
+  QyInputNumberValue
+} from './qy-input-number'
 
-export type {
-  QyInputAutoSize,
-  QyInputEmits,
-  QyInputExposed,
-  QyInputIcon,
-  QyInputInputMode,
-  QyInputModelValue,
-  QyInputModelModifiers,
-  QyInputProps,
-  QyInputSize,
-  QyInputStyle,
-  QyInputTrimMode,
+export type {
+  QyInputAutoSize,
+  QyInputEmits,
+  QyInputExposed,
+  QyInputIcon,
+  QyInputInputMode,
+  QyInputModelValue,
+  QyInputModelModifiers,
+  QyInputProps,
+  QyInputSize,
+  QyInputStyle,
+  QyInputTrimMode,
   QyInputType,
   QyInputValue
-} from './qy-input'
-
-export type {
-  QyInputTagEffect,
-  QyInputTagEmits,
-  QyInputTagExposed,
-  QyInputTagModelValue,
-  QyInputTagProps,
-  QyInputTagSize,
-  QyInputTagSlots,
-  QyInputTagTone,
-  QyInputTagTrigger
-} from './qy-input-tag'
-
-export type {
-  QyMoneyInputEmits,
-  QyMoneyInputExposed,
-  QyMoneyInputFormatTrigger,
-  QyMoneyInputProps,
-  QyMoneyInputSize,
-  QyMoneyInputSlots,
-  QyMoneyInputValue
-} from './qy-money-input'
+} from './qy-input'
+
+export type {
+  QyInputTagEffect,
+  QyInputTagEmits,
+  QyInputTagExposed,
+  QyInputTagModelValue,
+  QyInputTagProps,
+  QyInputTagSize,
+  QyInputTagSlots,
+  QyInputTagTone,
+  QyInputTagTrigger
+} from './qy-input-tag'
+
+export type {
+  QyMoneyInputEmits,
+  QyMoneyInputExposed,
+  QyMoneyInputFormatTrigger,
+  QyMoneyInputProps,
+  QyMoneyInputSize,
+  QyMoneyInputSlots,
+  QyMoneyInputValue
+} from './qy-money-input'
 
 export type {
   QyFilePickerExposed,
@@ -381,43 +381,43 @@ export type {
   QyCollapseItemProps,
   QyCollapseItemSlots
 } from './qy-collapse-item'
-export type {
-  QyUploadEmits,
-  QyUploadExposed,
-  QyUploadInvalidCode,
-  QyUploadInvalidDetail,
-  QyUploadProps,
-  QyUploadRequest,
-  QyUploadRequestContext,
-  QyUploadResult,
-  QyUploadValue,
-  QyUploadValueFormat,
-  QyUploadVariant
-} from './qy-upload'
-
-export type {
-  QyImageUploadEmits,
-  QyImageUploadExposed,
-  QyImageUploadMode,
-  QyImageUploadProps
-} from './qy-image-upload'
-
-export type {
-  QyLinkAttrs,
-  QyLinkEmits,
-  QyLinkProps,
-  QyLinkSlots,
-  QyLinkType,
-  QyLinkUnderline
-} from './qy-link'
-export type {
-  QyIframeAttrs,
-  QyIframeEmits,
-  QyIframeLoading,
-  QyIframeProps,
-  QyIframeReferrerPolicy
-} from './qy-iframe'
-export type {
+export type {
+  QyUploadEmits,
+  QyUploadExposed,
+  QyUploadInvalidCode,
+  QyUploadInvalidDetail,
+  QyUploadProps,
+  QyUploadRequest,
+  QyUploadRequestContext,
+  QyUploadResult,
+  QyUploadValue,
+  QyUploadValueFormat,
+  QyUploadVariant
+} from './qy-upload'
+
+export type {
+  QyImageUploadEmits,
+  QyImageUploadExposed,
+  QyImageUploadMode,
+  QyImageUploadProps
+} from './qy-image-upload'
+
+export type {
+  QyLinkAttrs,
+  QyLinkEmits,
+  QyLinkProps,
+  QyLinkSlots,
+  QyLinkType,
+  QyLinkUnderline
+} from './qy-link'
+export type {
+  QyIframeAttrs,
+  QyIframeEmits,
+  QyIframeLoading,
+  QyIframeProps,
+  QyIframeReferrerPolicy
+} from './qy-iframe'
+export type {
   QyDividerAttrs,
   QyDividerBorderStyle,
   QyDividerContentPosition,
@@ -527,17 +527,17 @@ export type {
 } from './qy-date-picker'
 
 // 根入口类型声明，对应 @qynpm/ui 的命名导出和 app.use(QyUI) 整包注册。
-export const QyUpload: typeof QyUploadComponent
+export const QyUpload: typeof QyUploadComponent
 export const QyImage: Plugin
 export const QyImagePreview: Plugin
-export const QyImageUpload: typeof QyImageUploadComponent
+export const QyImageUpload: typeof QyImageUploadComponent
 export const QyDialog: typeof QyDialogComponent
 export const QyButton: Plugin
 export const QyDropdown: Plugin
-export const QyInput: typeof QyInputComponent
-export const QyInputTag: typeof QyInputTagComponent
-export { QyInputNumber } from './qy-input-number'
-export const QyMoneyInput: typeof QyMoneyInputComponent
+export const QyInput: typeof QyInputComponent
+export const QyInputTag: typeof QyInputTagComponent
+export { QyInputNumber } from './qy-input-number'
+export const QyMoneyInput: typeof QyMoneyInputComponent
 export const QyDatePicker: typeof QyDatePickerComponent
 export const QyCheckbox: typeof QyCheckboxComponent
 export const QyCheckboxGroup: typeof QyCheckboxGroupComponent
@@ -555,8 +555,8 @@ export const QySelectionDialog: Plugin
 export const QyLegacySelectionDialog: Plugin
 export const QyFormSection: Plugin
 export const QyActionBar: Plugin
-/** @deprecated 请使用 QyUpload 的本地选择模式。 */
-export const QyFilePicker: typeof QyFilePickerComponent
+/** @deprecated 请使用 QyUpload 的本地选择模式。 */
+export const QyFilePicker: typeof QyFilePickerComponent
 export const QySwitch: typeof QySwitchComponent
 export const QyTag: typeof QyTagComponent
 export const QyBadge: typeof QyBadgeComponent
@@ -585,11 +585,11 @@ export const QyAside: typeof QyAsideComponent
 export const QyMain: typeof QyMainComponent
 export const QyDescriptions: typeof QyDescriptionsComponent
 export const QyDescriptionsItem: typeof QyDescriptionsItemComponent
-export const QyCollapse: typeof QyCollapseComponent
-export const QyCollapseItem: typeof QyCollapseItemComponent
-export const QyLink: typeof QyLinkComponent
-export const QyIframe: typeof QyIframeComponent
-export const QyDivider: typeof QyDividerComponent
+export const QyCollapse: typeof QyCollapseComponent
+export const QyCollapseItem: typeof QyCollapseItemComponent
+export const QyLink: typeof QyLinkComponent
+export const QyIframe: typeof QyIframeComponent
+export const QyDivider: typeof QyDividerComponent
 export const QyEmpty: typeof QyEmptyComponent
 export const QyAlert: typeof QyAlertComponent
 export const QyCard: typeof QyCardComponent
@@ -625,9 +625,9 @@ declare const _default: Plugin & {
   QyDialog: typeof QyDialog
   QyButton: typeof QyButton
   QyDropdown: typeof QyDropdown
-  QyInput: typeof QyInput
-  QyInputTag: typeof QyInputTagComponent
-  QyInputNumber: typeof QyInputNumberComponent
+  QyInput: typeof QyInput
+  QyInputTag: typeof QyInputTagComponent
+  QyInputNumber: typeof QyInputNumberComponent
   QyMoneyInput: typeof QyMoneyInput
   QyDatePicker: typeof QyDatePickerComponent
   QyCheckbox: typeof QyCheckbox
@@ -675,11 +675,11 @@ declare const _default: Plugin & {
   QyMain: typeof QyMainComponent
   QyDescriptions: typeof QyDescriptionsComponent
   QyDescriptionsItem: typeof QyDescriptionsItemComponent
-  QyCollapse: typeof QyCollapseComponent
-  QyCollapseItem: typeof QyCollapseItemComponent
-  QyLink: typeof QyLinkComponent
-  QyIframe: typeof QyIframeComponent
-  QyDivider: typeof QyDividerComponent
+  QyCollapse: typeof QyCollapseComponent
+  QyCollapseItem: typeof QyCollapseItemComponent
+  QyLink: typeof QyLinkComponent
+  QyIframe: typeof QyIframeComponent
+  QyDivider: typeof QyDividerComponent
   QyEmpty: typeof QyEmptyComponent
   QyAlert: typeof QyAlertComponent
   QyCard: typeof QyCardComponent