qidian-vue-ui 1.1.58 → 1.1.59

package/dist/components/form/item.vue2.mjs

@@ -0,0 +1,118 @@
+import './item.css'
+import { defineComponent, mergeDefaults, computed, createBlock, createCommentVNode, openBlock, unref, mergeProps, withCtx, createVNode, normalizeProps, guardReactiveProps, createSlots, renderSlot, renderList } from "vue";
+import { FormItem } from "tdesign-vue-next";
+import { qdFormItemProps } from "./props.mjs";
+import { qdUseComputeValue } from "../config-renderer/compute.mjs";
+import { isEmpty, filterSlots } from "qidian-shared";
+import QdGridItem from "../grid/item.vue.mjs";
+import _sfc_main$1 from "../config-renderer/index.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QdFormItem"
+  },
+  __name: "item",
+  props: /* @__PURE__ */ mergeDefaults({
+    context: {},
+    component: {},
+    required: { type: [Boolean, String] },
+    ifRender: { type: [Boolean, Function, Object] },
+    for: {},
+    help: {},
+    label: {},
+    labelAlign: {},
+    labelWidth: {},
+    name: {},
+    requiredMark: { type: Boolean },
+    rules: {},
+    showErrorMessage: { type: Boolean },
+    status: {},
+    statusIcon: { type: Boolean },
+    successBorder: { type: Boolean },
+    tips: {},
+    col: {},
+    row: {},
+    crudMode: {},
+    defaultClearable: { type: Boolean }
+  }, qdFormItemProps),
+  setup(__props) {
+    const props = __props;
+    const reIfRender = computed(() => {
+      const ifRender = props.ifRender;
+      if (isEmpty(ifRender)) return true;
+      if (ifRender?.__qdCompute || ifRender?.__qdAsyncCompute) {
+        const { result } = qdUseComputeValue(
+          ifRender,
+          computed(() => props.context || {})
+        );
+        return result.value;
+      }
+      return ifRender;
+    });
+    const reProps = computed(() => {
+      const { col, row, context, component, required, rules, ...formItemOptions } = props;
+      const reRules = rules || [];
+      if (component) {
+        const comp = component.is;
+        const compName = (typeof comp === "string" ? comp : !comp ? "" : "name" in comp ? comp.name || "" : "").toLowerCase();
+        const messagePrefix = compName.search("select") > -1 || compName.search("checkbox") > -1 || compName.search("radio") > -1 ? "请选择" : compName.search("upload") > -1 ? "请上传" : "请输入";
+        if (required && !reRules.some((item) => item.required)) {
+          if (required && typeof required === "string") {
+            reRules.push({ required: true, message: required });
+          } else {
+            reRules.push({ required: true, message: `${messagePrefix}${formItemOptions.label}` });
+          }
+        }
+        component.placeholder = component.placeholder ?? (compName.search("picker") > -1 || compName.search("upload") > -1 ? "" : `${messagePrefix}${formItemOptions.label}`);
+        component.clearable = component.clearable ?? (required ? false : props.defaultClearable ?? true);
+      }
+      return {
+        formItemOptions: {
+          ...formItemOptions,
+          rules: reRules
+        },
+        gridItemOptions: { col, row },
+        configRendererOptions: { context, config: component }
+      };
+    });
+    return (_ctx, _cache) => {
+      return reIfRender.value !== false ? (openBlock(), createBlock(unref(QdGridItem), mergeProps({
+        key: 0,
+        class: [
+          "qd-form-item",
+          reProps.value.formItemOptions.name ? `qd-form-item__${reProps.value.formItemOptions.name}` : ""
+        ]
+      }, reProps.value.gridItemOptions), {
+        default: withCtx(() => [
+          createVNode(unref(FormItem), normalizeProps(guardReactiveProps(reProps.value.formItemOptions)), createSlots({
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {
+                crudMode: reProps.value.formItemOptions.crudMode,
+                context: __props.context
+              }, () => [
+                reProps.value.configRendererOptions.config ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+                  key: 0,
+                  class: "qd-form-item__component"
+                }, reProps.value.configRendererOptions), null, 16)) : createCommentVNode("", true)
+              ], true)
+            ]),
+            _: 2
+          }, [
+            renderList(unref(filterSlots)(_ctx.$slots, ["default"]), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                ])
+              };
+            })
+          ]), 1040)
+        ]),
+        _: 3
+      }, 16, ["class"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=item.vue2.mjs.map

package/dist/components/form/item.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue2.mjs","sources":["../../../src/components/form/item.vue"],"sourcesContent":["<template>\n  <qd-grid-item\n    v-if=\"reIfRender !== false\"\n    :class=\"[\n      'qd-form-item',\n      reProps.formItemOptions.name ? `qd-form-item__${reProps.formItemOptions.name}` : ''\n    ]\"\n    v-bind=\"reProps.gridItemOptions\"\n  >\n    <t-form-item v-bind=\"reProps.formItemOptions\">\n      <slot :crud-mode=\"reProps.formItemOptions.crudMode\" :context=\"context\">\n        <qd-config-renderer\n          v-if=\"reProps.configRendererOptions.config\"\n          class=\"qd-form-item__component\"\n          v-bind=\"reProps.configRendererOptions\"\n        />\n      </slot>\n\n      <template v-for=\"name in filterSlots($slots, ['default'])\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </t-form-item>\n  </qd-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n  import type { QdFormItemProps } from './types'\n  import type {\n    QdConfigRendererProps,\n    QdComputeFunction,\n    QdAsyncComputeOptions\n  } from '../config-renderer'\n  import { computed } from 'vue'\n  import { FormItem as TFormItem } from 'tdesign-vue-next'\n  import { QdGridItem } from '../grid'\n  import { QdConfigRenderer } from '../config-renderer'\n  import { qdFormItemProps } from './props'\n  import { qdUseComputeValue } from '../config-renderer/compute'\n  import { filterSlots, isEmpty } from 'qidian-shared'\n\n  defineOptions({\n    name: 'QdFormItem'\n  })\n\n  const props = withDefaults(defineProps<QdFormItemProps>(), qdFormItemProps)\n\n  // 处理 ifRender\n  const reIfRender = computed(() => {\n    const ifRender = props.ifRender\n    if (isEmpty(ifRender)) return true\n\n    if (\n      (ifRender as QdComputeFunction<boolean>)?.__qdCompute ||\n      (ifRender as QdAsyncComputeOptions<boolean>)?.__qdAsyncCompute\n    ) {\n      const { result } = qdUseComputeValue(\n        ifRender as QdComputeFunction<boolean> | QdAsyncComputeOptions<boolean>,\n        computed(() => props.context || {})\n      )\n      return result.value\n    }\n\n    return ifRender as boolean\n  })\n\n  const reProps = computed(() => {\n    const { col, row, context, component, required, rules, ...formItemOptions } = props\n    const reRules = rules || []\n\n    if (component) {\n      const comp = component.is\n      const compName = (\n        typeof comp === 'string' ? comp : !comp ? '' : 'name' in comp ? comp.name || '' : ''\n      ).toLowerCase()\n      const messagePrefix =\n        compName.search('select') > -1 ||\n        compName.search('checkbox') > -1 ||\n        compName.search('radio') > -1\n          ? '请选择'\n          : compName.search('upload') > -1\n            ? '请上传'\n            : '请输入'\n\n      if (required && !reRules.some((item) => item.required)) {\n        if (required && typeof required === 'string') {\n          reRules.push({ required: true, message: required })\n        } else {\n          reRules.push({ required: true, message: `${messagePrefix}${formItemOptions.label}` })\n        }\n      }\n\n      component.placeholder =\n        component.placeholder ??\n        (compName.search('picker') > -1 || compName.search('upload') > -1\n          ? ''\n          : `${messagePrefix}${formItemOptions.label}`)\n      component.clearable =\n        component.clearable ?? (required ? false : (props.defaultClearable ?? true))\n    }\n\n    return {\n      formItemOptions: {\n        ...formItemOptions,\n        rules: reRules\n      },\n      gridItemOptions: { col, row },\n      configRendererOptions: { context, config: component } as QdConfigRendererProps\n    }\n  })\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-form-item {\n    & > :deep(.t-form__item) {\n      & > .t-form__controls > .t-form__controls-content > * {\n        width: 100%;\n      }\n    }\n\n    &__component {\n      width: 100%;\n    }\n  }\n</style>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","_createVNode","TFormItem","_normalizeProps","_guardReactiveProps","_createSlots","_renderSlot","$slots","_withCtx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM;AACvB,UAAI,QAAQ,QAAQ,EAAG,QAAO;AAE9B,UACG,UAAyC,eACzC,UAA6C,kBAC9C;AACA,cAAM,EAAE,WAAW;AAAA,UACjB;AAAA,UACA,SAAS,MAAM,MAAM,WAAW,CAAA,CAAE;AAAA,QAAA;AAEpC,eAAO,OAAO;AAAA,MAChB;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,KAAK,KAAK,SAAS,WAAW,UAAU,OAAO,GAAG,gBAAA,IAAoB;AAC9E,YAAM,UAAU,SAAS,CAAA;AAEzB,UAAI,WAAW;AACb,cAAM,OAAO,UAAU;AACvB,cAAM,YACJ,OAAO,SAAS,WAAW,OAAO,CAAC,OAAO,KAAK,UAAU,OAAO,KAAK,QAAQ,KAAK,IAClF,YAAA;AACF,cAAM,gBACJ,SAAS,OAAO,QAAQ,IAAI,MAC5B,SAAS,OAAO,UAAU,IAAI,MAC9B,SAAS,OAAO,OAAO,IAAI,KACvB,QACA,SAAS,OAAO,QAAQ,IAAI,KAC1B,QACA;AAER,YAAI,YAAY,CAAC,QAAQ,KAAK,CAAC,SAAS,KAAK,QAAQ,GAAG;AACtD,cAAI,YAAY,OAAO,aAAa,UAAU;AAC5C,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,UAAU;AAAA,UACpD,OAAO;AACL,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,GAAG,aAAa,GAAG,gBAAgB,KAAK,GAAA,CAAI;AAAA,UACtF;AAAA,QACF;AAEA,kBAAU,cACR,UAAU,gBACT,SAAS,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAO,QAAQ,IAAI,KAC3D,KACA,GAAG,aAAa,GAAG,gBAAgB,KAAK;AAC9C,kBAAU,YACR,UAAU,cAAc,WAAW,QAAS,MAAM,oBAAoB;AAAA,MAC1E;AAEA,aAAO;AAAA,QACL,iBAAiB;AAAA,UACf,GAAG;AAAA,UACH,OAAO;AAAA,QAAA;AAAA,QAET,iBAAiB,EAAE,KAAK,IAAA;AAAA,QACxB,uBAAuB,EAAE,SAAS,QAAQ,UAAA;AAAA,MAAU;AAAA,IAExD,CAAC;;aA1GO,WAAA,UAAU,SADlBA,UAAA,GAAAC,YAqBeC,mBArBfC,WAqBe;AAAA;QAnBZ,OAAK;AAAA;UAAgC,QAAA,MAAQ,gBAAgB,wBAAwB,QAAA,MAAQ,gBAAgB,IAAI,KAAA;AAAA,QAAA;AAAA,SAI1G,QAAA,MAAQ,eAAe,GAAA;AAAA,yBAE/B,MAYc;AAAA,UAZdC,YAYcF,MAAAG,QAAA,GAAAC,eAAAC,mBAZO,QAAA,MAAQ,eAAe,CAAA,GAAAC,YAAA;AAAA,6BAC1C,MAMO;AAAA,cANPC,WAMO,KAAA,QAAA,WAAA;AAAA,gBANA,UAAW,QAAA,MAAQ,gBAAgB;AAAA,gBAAW,SAAS,QAAA;AAAA,cAAA,GAA9D,MAMO;AAAA,gBAJG,QAAA,MAAQ,sBAAsB,UADtCT,aAAAC,YAIEC,oBAJFC,WAIE;AAAA;kBAFA,OAAM;AAAA,gBAAA,GACE,QAAA,MAAQ,qBAAqB,GAAA,MAAA,EAAA;;;;;uBAIhBD,MAAA,WAAA,EAAYQ,KAAAA,QAAM,CAAA,SAAA,CAAA,GAAA,CAA1B,SAAI;;;gBACnB,IAAAC,QAAA,CADkE,cAAS;AAAA,kBAC3EF,WAAwC,KAAA,QAA3B,MAAIH,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/components/form/props.d.ts

@@ -0,0 +1,45 @@
+export declare const qdFormGutter: number[];
+export declare const qdFormGrid: {
+    col: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xxl: number;
+    };
+};
+export declare const qdFormProps: {
+    readonly gutter: () => number[];
+    readonly grid: () => {
+        col: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            xxl: number;
+        };
+    };
+    readonly data: () => any;
+    readonly disabled: undefined;
+    readonly readonly: undefined;
+    readonly labelAlign: "top";
+    readonly labelWidth: "auto";
+    readonly requiredMarkPosition: "left";
+    readonly resetType: "initial";
+    readonly scrollToFirstError: "smooth";
+    readonly preventSubmitDefault: true;
+    readonly requiredMark: undefined;
+    readonly showErrorMessage: true;
+    readonly statusIcon: undefined;
+    readonly defaultClearable: undefined;
+};
+export declare const qdFormItemProps: {
+    readonly requiredMark: undefined;
+    readonly showErrorMessage: undefined;
+    readonly statusIcon: undefined;
+    readonly successBorder: false;
+    readonly defaultClearable: undefined;
+    readonly ifRender: undefined;
+};

package/dist/components/form/props.mjs

@@ -0,0 +1,43 @@
+const qdFormGutter = [16, 16];
+const qdFormGrid = {
+  col: {
+    xs: 12,
+    sm: 6,
+    md: 6,
+    lg: 4,
+    xl: 3,
+    xxl: 3
+  }
+};
+const qdFormProps = {
+  gutter: () => qdFormGutter,
+  grid: () => qdFormGrid,
+  data: () => ({}),
+  disabled: void 0,
+  readonly: void 0,
+  labelAlign: "top",
+  labelWidth: "auto",
+  requiredMarkPosition: "left",
+  resetType: "initial",
+  scrollToFirstError: "smooth",
+  preventSubmitDefault: true,
+  requiredMark: void 0,
+  showErrorMessage: true,
+  statusIcon: void 0,
+  defaultClearable: void 0
+};
+const qdFormItemProps = {
+  requiredMark: void 0,
+  showErrorMessage: void 0,
+  statusIcon: void 0,
+  successBorder: false,
+  defaultClearable: void 0,
+  ifRender: void 0
+};
+export {
+  qdFormGrid,
+  qdFormGutter,
+  qdFormItemProps,
+  qdFormProps
+};
+//# sourceMappingURL=props.mjs.map

package/dist/components/form/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../src/components/form/props.ts"],"sourcesContent":["export const qdFormGutter = [16, 16]\n\nexport const qdFormGrid = {\n  col: {\n    xs: 12,\n    sm: 6,\n    md: 6,\n    lg: 4,\n    xl: 3,\n    xxl: 3\n  }\n}\n\nexport const qdFormProps = {\n  gutter: () => qdFormGutter,\n  grid: () => qdFormGrid,\n  data: () => ({}) as any,\n\n  disabled: undefined,\n  readonly: undefined,\n  labelAlign: 'top',\n  labelWidth: 'auto',\n  requiredMarkPosition: 'left',\n  resetType: 'initial',\n  scrollToFirstError: 'smooth',\n  preventSubmitDefault: true,\n  requiredMark: undefined,\n  showErrorMessage: true,\n  statusIcon: undefined,\n  defaultClearable: undefined\n} as const\n\nexport const qdFormItemProps = {\n  requiredMark: undefined,\n  showErrorMessage: undefined,\n  statusIcon: undefined,\n  successBorder: false,\n  defaultClearable: undefined,\n  ifRender: undefined\n} as const\n"],"names":[],"mappings":"AAAO,MAAM,eAAe,CAAC,IAAI,EAAE;AAE5B,MAAM,aAAa;AAAA,EACxB,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,EAAA;AAET;AAEO,MAAM,cAAc;AAAA,EACzB,QAAQ,MAAM;AAAA,EACd,MAAM,MAAM;AAAA,EACZ,MAAM,OAAO,CAAA;AAAA,EAEb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,kBAAkB;AACpB;AAEO,MAAM,kBAAkB;AAAA,EAC7B,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,UAAU;AACZ;"}

package/dist/components/form/types.d.ts

@@ -0,0 +1,27 @@
+import type { TdFormProps, Data, TdFormItemProps, TdLoadingProps, SubmitContext } from 'tdesign-vue-next';
+import type { QdGridItemProps, QdGridProps } from '../grid';
+import type { QdConfigRendererProps, QdConfigValue } from '../config-renderer';
+export type QdFormBeforeSubmitQueueResult = boolean | {
+    success: boolean;
+    message?: string;
+};
+export type QdFormBeforeSubmitQueueItem = () => Promise<QdFormBeforeSubmitQueueResult> | QdFormBeforeSubmitQueueResult;
+export interface QdFormItemProps extends TdFormItemProps, QdGridItemProps, Pick<QdFormProps, 'crudMode' | 'defaultClearable'> {
+    context?: QdConfigRendererProps['context'];
+    component?: QdConfigRendererProps['config'];
+    required?: boolean | string;
+    ifRender?: QdConfigValue<boolean>;
+}
+export interface QdFormSubmitContext<FD extends Data = Data> extends SubmitContext<FD>, Pick<QdFormProps, 'crudMode'> {
+    showErrorMessage: boolean;
+    formData: FD;
+}
+export interface QdFormProps<FD extends Data = Data> extends Omit<TdFormProps<FD>, 'layout' | 'onSubmit'>, QdGridProps {
+    crudMode?: 'add' | 'view' | 'edit';
+    items?: QdFormItemProps[];
+    loading?: boolean;
+    loadingProps?: TdLoadingProps;
+    defaultClearable?: boolean;
+    descriptions?: boolean;
+    onSubmit?: (context: QdFormSubmitContext<FD>) => void;
+}

package/dist/components/grid/config.d.ts

@@ -0,0 +1,15 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { QdGridItemProps } from './types';
+export declare const PROVIDE_GRID_WIDTH_KEY: InjectionKey<Ref<number>>;
+export declare const PROVIDE_GRID_ITEM_PROPS_KEY: InjectionKey<QdGridItemProps>;
+export declare const DEFAULT_GRID_WIDTH = 1920;
+export declare const DEFAULT_BREAKPOINTS: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export declare const DEFAULT_COL = 1;
+export declare const DEFAULT_ROW = 1;

package/dist/components/grid/config.mjs

@@ -0,0 +1,27 @@
+const PROVIDE_GRID_WIDTH_KEY = Symbol("QdGridWidth");
+const PROVIDE_GRID_ITEM_PROPS_KEY = Symbol("QdGridItemProps");
+const DEFAULT_GRID_WIDTH = 1920;
+const DEFAULT_BREAKPOINTS = {
+  // <768px 手机
+  sm: 768,
+  // ≥768px 平板
+  md: 992,
+  // ≥992px 超小尺寸电脑
+  lg: 1200,
+  // ≥1200px 小尺寸电脑
+  xl: 1400,
+  // ≥1400px 中尺寸电脑
+  xxl: 1880
+  // ≥1880px 大尺寸电脑
+};
+const DEFAULT_COL = 1;
+const DEFAULT_ROW = 1;
+export {
+  DEFAULT_BREAKPOINTS,
+  DEFAULT_COL,
+  DEFAULT_GRID_WIDTH,
+  DEFAULT_ROW,
+  PROVIDE_GRID_ITEM_PROPS_KEY,
+  PROVIDE_GRID_WIDTH_KEY
+};
+//# sourceMappingURL=config.mjs.map

package/dist/components/grid/config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.mjs","sources":["../../../src/components/grid/config.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { QdGridItemProps } from './types'\n\nexport const PROVIDE_GRID_WIDTH_KEY: InjectionKey<Ref<number>> = Symbol('QdGridWidth')\nexport const PROVIDE_GRID_ITEM_PROPS_KEY: InjectionKey<QdGridItemProps> = Symbol('QdGridItemProps')\nexport const DEFAULT_GRID_WIDTH = 1920\n\nexport const DEFAULT_BREAKPOINTS = {\n  xs: 768, // <768px 手机\n  sm: 768, // ≥768px 平板\n  md: 992, // ≥992px 超小尺寸电脑\n  lg: 1200, // ≥1200px 小尺寸电脑\n  xl: 1400, // ≥1400px 中尺寸电脑\n  xxl: 1880 // ≥1880px 大尺寸电脑\n}\n\nexport const DEFAULT_COL = 1\nexport const DEFAULT_ROW = 1\n"],"names":[],"mappings":"AAGO,MAAM,yBAAoD,OAAO,aAAa;AAC9E,MAAM,8BAA6D,OAAO,iBAAiB;AAC3F,MAAM,qBAAqB;AAE3B,MAAM,sBAAsB;AAAA;AAAA,EAEjC,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,KAAK;AAAA;AACP;AAEO,MAAM,cAAc;AACpB,MAAM,cAAc;"}

package/dist/components/grid/index.css

@@ -0,0 +1,4 @@
+.qd-grid[data-v-f53624a2] {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+}

package/dist/components/grid/index.d.ts

@@ -0,0 +1,4 @@
+export { default as QdGrid } from './index.vue';
+export { default as QdGridItem } from './item.vue';
+export { PROVIDE_GRID_WIDTH_KEY, PROVIDE_GRID_ITEM_PROPS_KEY } from './config';
+export type { QdGridProps, QdGridItemProps } from './types';

package/dist/components/grid/index.vue.d.ts

@@ -0,0 +1,19 @@
+import type { QdGridProps } from './types';
+declare var __VLS_1: {
+    gutterStyle: {
+        gap?: undefined;
+    } | {
+        gap: string;
+    };
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<QdGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QdGridProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/grid/index.vue.mjs

@@ -0,0 +1,9 @@
+import './index.css'
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const QdGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f53624a2"]]);
+export {
+  QdGrid as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/grid/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/grid/index.vue2.mjs

@@ -0,0 +1,59 @@
+import './index.css'
+import { defineComponent, provide, useTemplateRef, ref, computed, withDirectives, createElementBlock, openBlock, normalizeStyle, renderSlot, unref } from "vue";
+import { resizeDirective, isEmpty } from "qidian-shared";
+import { PROVIDE_GRID_ITEM_PROPS_KEY, DEFAULT_GRID_WIDTH, PROVIDE_GRID_WIDTH_KEY, DEFAULT_BREAKPOINTS } from "./config.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QdGrid"
+  },
+  __name: "index",
+  props: {
+    gutter: {},
+    grid: {}
+  },
+  setup(__props) {
+    const vResize = resizeDirective;
+    const props = __props;
+    provide(PROVIDE_GRID_ITEM_PROPS_KEY, props.grid || {});
+    const gridRef = useTemplateRef("grid");
+    const gridWidth = ref(DEFAULT_GRID_WIDTH);
+    provide(PROVIDE_GRID_WIDTH_KEY, gridWidth);
+    function onResize() {
+      gridWidth.value = gridRef.value?.clientWidth ?? DEFAULT_GRID_WIDTH;
+    }
+    const getGutterValue = (gutter) => {
+      if (typeof gutter === "number") return gutter;
+      const { xxl, xl, lg, md, sm, xs } = gutter;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.xxl && !isEmpty(xxl)) return xxl;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.xl && !isEmpty(xl)) return xl;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.lg && !isEmpty(lg)) return lg;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.md && !isEmpty(md)) return md;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.sm && !isEmpty(sm)) return sm;
+      return xs;
+    };
+    const gutterStyle = computed(() => {
+      if (!props.gutter) return {};
+      const gutterArray = Array.isArray(props.gutter) ? props.gutter : [props.gutter, 0];
+      const horizontalGutter = getGutterValue(gutterArray[0]) || 0;
+      const verticalGutter = gutterArray[1] ? getGutterValue(gutterArray[1]) : 0;
+      return {
+        gap: `${verticalGutter}px ${horizontalGutter}px`
+      };
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        ref: "grid",
+        class: "qd-grid",
+        style: normalizeStyle(gutterStyle.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", { gutterStyle: gutterStyle.value }, void 0, true)
+      ], 4)), [
+        [unref(vResize), onResize]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/dist/components/grid/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/grid/index.vue"],"sourcesContent":["<template>\n  <div ref=\"grid\" v-resize=\"onResize\" class=\"qd-grid\" :style=\"gutterStyle\">\n    <slot :gutter-style=\"gutterStyle\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { GridGutterValue, QdGridProps } from './types'\n  import { computed, provide, ref, useTemplateRef } from 'vue'\n  import { isEmpty, resizeDirective } from 'qidian-shared'\n  import {\n    DEFAULT_BREAKPOINTS,\n    DEFAULT_GRID_WIDTH,\n    PROVIDE_GRID_ITEM_PROPS_KEY,\n    PROVIDE_GRID_WIDTH_KEY\n  } from './config'\n\n  defineOptions({\n    name: 'QdGrid'\n  })\n\n  const vResize = resizeDirective\n\n  const props = defineProps<QdGridProps>()\n\n  provide(PROVIDE_GRID_ITEM_PROPS_KEY, props.grid || {})\n  const gridRef = useTemplateRef<HTMLElement>('grid')\n  const gridWidth = ref(DEFAULT_GRID_WIDTH)\n  provide(PROVIDE_GRID_WIDTH_KEY, gridWidth)\n\n  function onResize() {\n    gridWidth.value = gridRef.value?.clientWidth ?? DEFAULT_GRID_WIDTH\n  }\n\n  const getGutterValue = (gutter: GridGutterValue) => {\n    if (typeof gutter === 'number') return gutter\n\n    const { xxl, xl, lg, md, sm, xs } = gutter\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.xxl && !isEmpty(xxl)) return xxl\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.xl && !isEmpty(xl)) return xl\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.lg && !isEmpty(lg)) return lg\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.md && !isEmpty(md)) return md\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.sm && !isEmpty(sm)) return sm\n    return xs\n  }\n\n  const gutterStyle = computed(() => {\n    if (!props.gutter) return {}\n\n    const gutterArray = Array.isArray(props.gutter) ? props.gutter : [props.gutter, 0]\n    const horizontalGutter = getGutterValue(gutterArray[0]) || 0\n    const verticalGutter = gutterArray[1] ? getGutterValue(gutterArray[1]) : 0\n\n    return {\n      gap: `${verticalGutter}px ${horizontalGutter}px`\n    }\n  })\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n  }\n</style>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;AAqBE,UAAM,UAAU;AAEhB,UAAM,QAAQ;AAEd,YAAQ,6BAA6B,MAAM,QAAQ,CAAA,CAAE;AACrD,UAAM,UAAU,eAA4B,MAAM;AAClD,UAAM,YAAY,IAAI,kBAAkB;AACxC,YAAQ,wBAAwB,SAAS;AAEzC,aAAS,WAAW;AAClB,gBAAU,QAAQ,QAAQ,OAAO,eAAe;AAAA,IAClD;AAEA,UAAM,iBAAiB,CAAC,WAA4B;AAClD,UAAI,OAAO,WAAW,SAAU,QAAO;AAEvC,YAAM,EAAE,KAAK,IAAI,IAAI,IAAI,IAAI,OAAO;AACpC,UAAI,UAAU,SAAS,oBAAoB,OAAO,CAAC,QAAQ,GAAG,EAAG,QAAO;AACxE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,aAAO;AAAA,IACT;AAEA,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,CAAC,MAAM,OAAQ,QAAO,CAAA;AAE1B,YAAM,cAAc,MAAM,QAAQ,MAAM,MAAM,IAAI,MAAM,SAAS,CAAC,MAAM,QAAQ,CAAC;AACjF,YAAM,mBAAmB,eAAe,YAAY,CAAC,CAAC,KAAK;AAC3D,YAAM,iBAAiB,YAAY,CAAC,IAAI,eAAe,YAAY,CAAC,CAAC,IAAI;AAEzE,aAAO;AAAA,QACL,KAAK,GAAG,cAAc,MAAM,gBAAgB;AAAA,MAAA;AAAA,IAEhD,CAAC;;0CAvDDA,mBAEM,OAAA;AAAA,QAFD,KAAI;AAAA,QAA2B,OAAM;AAAA,QAAW,sBAAO,YAAA,KAAW;AAAA,MAAA;QACrEC,WAAoC,KAAA,QAAA,WAAA,EAA7B,aAAc,YAAA,SAAW,QAAA,IAAA;AAAA,MAAA;yBADR,QAAQ;AAAA,MAAA;;;;"}

package/dist/components/grid/item.css

@@ -0,0 +1,3 @@
+.qd-grid-item[data-v-f8a13f89] {
+  min-width: 0;
+}

package/dist/components/grid/item.vue.d.ts

@@ -0,0 +1,18 @@
+import type { QdGridItemProps } from './types';
+declare var __VLS_1: {
+    itemStyle: {
+        gridColumn: string;
+        gridRow: string;
+    };
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<QdGridItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QdGridItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/grid/item.vue.mjs

@@ -0,0 +1,9 @@
+import './item.css'
+import _sfc_main from "./item.vue2.mjs";
+/* empty css           */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f8a13f89"]]);
+export {
+  QdGridItem as default
+};
+//# sourceMappingURL=item.vue.mjs.map

package/dist/components/grid/item.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/grid/item.vue2.mjs

@@ -0,0 +1,74 @@
+import './item.css'
+import { defineComponent, inject, ref, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
+import { isEmpty } from "qidian-shared";
+import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY, DEFAULT_GRID_WIDTH, DEFAULT_COL, DEFAULT_BREAKPOINTS, DEFAULT_ROW } from "./config.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QdGridItem"
+  },
+  __name: "item",
+  props: {
+    col: {},
+    row: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const defaultProps = inject(PROVIDE_GRID_ITEM_PROPS_KEY, void 0);
+    const gridWidth = inject(PROVIDE_GRID_WIDTH_KEY, ref(DEFAULT_GRID_WIDTH));
+    const reProps = computed(() => {
+      const mergeGutterValue = (prop, defaultProp) => {
+        if (!prop) return defaultProp;
+        if (!defaultProp) return prop;
+        if (typeof prop === "number" || typeof defaultProp === "number") return prop;
+        return {
+          ...defaultProp,
+          ...prop
+        };
+      };
+      return {
+        col: mergeGutterValue(props.col, defaultProps?.col),
+        row: mergeGutterValue(props.row, defaultProps?.row)
+      };
+    });
+    const getColSpan = computed(() => {
+      const { col } = reProps.value;
+      if (isEmpty(col)) return DEFAULT_COL;
+      if (typeof col === "number") return col;
+      const { span, xxl, xl, lg, md, sm, xs } = col;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.xxl && !isEmpty(xxl)) return xxl;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.xl && !isEmpty(xl)) return xl;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.lg && !isEmpty(lg)) return lg;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.md && !isEmpty(md)) return md;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.sm && !isEmpty(sm)) return sm;
+      return xs ?? span ?? DEFAULT_COL;
+    });
+    const getRowSpan = computed(() => {
+      const { row } = reProps.value;
+      if (isEmpty(row)) return DEFAULT_ROW;
+      if (typeof row === "number") return row;
+      const { span, xxl, xl, lg, md, sm, xs } = row;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.xxl && !isEmpty(xxl)) return xxl;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.xl && !isEmpty(xl)) return xl;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.lg && !isEmpty(lg)) return lg;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.md && !isEmpty(md)) return md;
+      if (gridWidth.value >= DEFAULT_BREAKPOINTS.sm && !isEmpty(sm)) return sm;
+      return xs ?? span ?? DEFAULT_ROW;
+    });
+    const itemStyle = computed(() => ({
+      gridColumn: `span ${getColSpan.value}`,
+      gridRow: `span ${getRowSpan.value}`
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "qd-grid-item",
+        style: normalizeStyle(itemStyle.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", { itemStyle: itemStyle.value }, void 0, true)
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=item.vue2.mjs.map

package/dist/components/grid/item.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue2.mjs","sources":["../../../src/components/grid/item.vue"],"sourcesContent":["<template>\n  <div class=\"qd-grid-item\" :style=\"itemStyle\">\n    <slot :item-style=\"itemStyle\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { GridGutterValue, QdGridItemProps } from './types'\n  import { computed, inject, ref } from 'vue'\n  import { isEmpty } from 'qidian-shared'\n  import {\n    DEFAULT_BREAKPOINTS,\n    DEFAULT_COL,\n    DEFAULT_GRID_WIDTH,\n    DEFAULT_ROW,\n    PROVIDE_GRID_ITEM_PROPS_KEY,\n    PROVIDE_GRID_WIDTH_KEY\n  } from './config'\n\n  defineOptions({\n    name: 'QdGridItem'\n  })\n\n  const props = defineProps<QdGridItemProps>()\n\n  const defaultProps = inject(PROVIDE_GRID_ITEM_PROPS_KEY, undefined)\n  const gridWidth = inject(PROVIDE_GRID_WIDTH_KEY, ref(DEFAULT_GRID_WIDTH))\n\n  const reProps = computed(() => {\n    const mergeGutterValue = (\n      prop: GridGutterValue | undefined,\n      defaultProp: GridGutterValue | undefined\n    ): GridGutterValue | undefined => {\n      if (!prop) return defaultProp\n      if (!defaultProp) return prop\n      if (typeof prop === 'number' || typeof defaultProp === 'number') return prop\n\n      return {\n        ...defaultProp,\n        ...prop\n      }\n    }\n\n    return {\n      col: mergeGutterValue(props.col, defaultProps?.col),\n      row: mergeGutterValue(props.row, defaultProps?.row)\n    }\n  })\n\n  const getColSpan = computed(() => {\n    const { col } = reProps.value\n    if (isEmpty(col)) return DEFAULT_COL\n    if (typeof col === 'number') return col\n\n    const { span, xxl, xl, lg, md, sm, xs } = col!\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.xxl && !isEmpty(xxl)) return xxl\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.xl && !isEmpty(xl)) return xl\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.lg && !isEmpty(lg)) return lg\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.md && !isEmpty(md)) return md\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.sm && !isEmpty(sm)) return sm\n    return xs ?? span ?? DEFAULT_COL\n  })\n\n  const getRowSpan = computed(() => {\n    const { row } = reProps.value\n    if (isEmpty(row)) return DEFAULT_ROW\n    if (typeof row === 'number') return row\n\n    const { span, xxl, xl, lg, md, sm, xs } = row!\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.xxl && !isEmpty(xxl)) return xxl\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.xl && !isEmpty(xl)) return xl\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.lg && !isEmpty(lg)) return lg\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.md && !isEmpty(md)) return md\n    if (gridWidth.value >= DEFAULT_BREAKPOINTS.sm && !isEmpty(sm)) return sm\n    return xs ?? span ?? DEFAULT_ROW\n  })\n\n  const itemStyle = computed(() => ({\n    gridColumn: `span ${getColSpan.value}`,\n    gridRow: `span ${getRowSpan.value}`\n  }))\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-grid-item {\n    min-width: 0;\n  }\n</style>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;AAuBE,UAAM,QAAQ;AAEd,UAAM,eAAe,OAAO,6BAA6B,MAAS;AAClE,UAAM,YAAY,OAAO,wBAAwB,IAAI,kBAAkB,CAAC;AAExE,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,mBAAmB,CACvB,MACA,gBACgC;AAChC,YAAI,CAAC,KAAM,QAAO;AAClB,YAAI,CAAC,YAAa,QAAO;AACzB,YAAI,OAAO,SAAS,YAAY,OAAO,gBAAgB,SAAU,QAAO;AAExE,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,QAAA;AAAA,MAEP;AAEA,aAAO;AAAA,QACL,KAAK,iBAAiB,MAAM,KAAK,cAAc,GAAG;AAAA,QAClD,KAAK,iBAAiB,MAAM,KAAK,cAAc,GAAG;AAAA,MAAA;AAAA,IAEtD,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,EAAE,QAAQ,QAAQ;AACxB,UAAI,QAAQ,GAAG,EAAG,QAAO;AACzB,UAAI,OAAO,QAAQ,SAAU,QAAO;AAEpC,YAAM,EAAE,MAAM,KAAK,IAAI,IAAI,IAAI,IAAI,OAAO;AAC1C,UAAI,UAAU,SAAS,oBAAoB,OAAO,CAAC,QAAQ,GAAG,EAAG,QAAO;AACxE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,EAAE,QAAQ,QAAQ;AACxB,UAAI,QAAQ,GAAG,EAAG,QAAO;AACzB,UAAI,OAAO,QAAQ,SAAU,QAAO;AAEpC,YAAM,EAAE,MAAM,KAAK,IAAI,IAAI,IAAI,IAAI,OAAO;AAC1C,UAAI,UAAU,SAAS,oBAAoB,OAAO,CAAC,QAAQ,GAAG,EAAG,QAAO;AACxE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,UAAI,UAAU,SAAS,oBAAoB,MAAM,CAAC,QAAQ,EAAE,EAAG,QAAO;AACtE,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,YAAY,SAAS,OAAO;AAAA,MAChC,YAAY,QAAQ,WAAW,KAAK;AAAA,MACpC,SAAS,QAAQ,WAAW,KAAK;AAAA,IAAA,EACjC;;0BA/EFA,mBAEM,OAAA;AAAA,QAFD,OAAM;AAAA,QAAgB,sBAAO,UAAA,KAAS;AAAA,MAAA;QACzCC,WAAgC,KAAA,QAAA,WAAA,EAAzB,WAAY,UAAA,SAAS,QAAA,IAAA;AAAA,MAAA;;;;"}

package/dist/components/grid/types.d.ts

@@ -0,0 +1,12 @@
+import type { GutterObject, TdRowProps } from 'tdesign-vue-next';
+export type GridGutterValue = number | (GutterObject & {
+    span?: number;
+});
+export interface QdGridProps {
+    gutter?: TdRowProps['gutter'];
+    grid?: QdGridItemProps;
+}
+export interface QdGridItemProps {
+    col?: GridGutterValue;
+    row?: GridGutterValue;
+}

package/dist/components/image/index.d.ts

@@ -0,0 +1,2 @@
+export { default as QdImage } from './index.vue';
+export type { QdImageProps } from './types';

package/dist/components/image/index.vue.d.ts

@@ -0,0 +1,20 @@
+import type { QdImageProps } from './types';
+declare const _default: <OR = unknown, OP extends string | number | (string | number)[] = string | number | (string | number)[], TOP = OP>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & QdImageProps<OR, OP, TOP> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        [x: string]: ((props: any) => any) | undefined;
+    } & {
+        loading?: (props: {}) => any;
+    } & {
+        error?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};