cosey 0.10.11 → 0.10.13

package/components/container/container.style.js

@@ -4,7 +4,12 @@ var stdin_default = getSimpleStyleHook("CoContainer", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
-      padding: token.padding
+      padding: token.padding,
+      "@media(max-height: 800px)": {
+        "&": {
+          height: "auto !important"
+        }
+      }
     }
   };
 });

package/components/editor/editor.style.js

@@ -29,6 +29,7 @@ const getButtonStyle = (token) => {
       },
       "&-group": {
         display: "flex",
+        flexWrap: "wrap",
         gap: 2
       },
       "&-select": {

package/components/form/form.style.js

@@ -23,7 +23,12 @@ const getFormItemStyle = (token) => {
         alignSelf: "center"
       },
       [`${formItemCls}-content`]: {
-        maxWidth: "100%"
+        maxWidth: "100%",
+        "@media(max-width: 768px)": {
+          "&": {
+            width: "100% !important"
+          }
+        }
       },
       [`${formItemCls}-extra`]: {
         marginBlockStart: token.marginXXS,

package/components/form-dialog/form-dialog.js

@@ -3,7 +3,9 @@ import { formDialogEmits, formDialogSlots, formDialogProps, elFormDialogExposeKe
 import '../form/index.js';
 import { useFormDialogWidth } from './useFormDialogWidth.js';
 import { ElDialog } from 'element-plus';
+import stdin_default$1 from './form-dialog.style.js';
 import { useBubbleTemplate } from '../form/useBubbleTemplate.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
 var stdin_default = defineComponent({
   name: "CoFormDialog",
@@ -15,6 +17,12 @@ var stdin_default = defineComponent({
     slots,
     expose: _expose
   }) {
+    const {
+      prefixCls
+    } = useComponentConfig("form-dialog", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
     const {
       visible,
       handleOpen,
@@ -34,6 +42,7 @@ var stdin_default = defineComponent({
       return createVNode(ElDialog, mergeProps({
         "ref": elPopupRef
       }, props, {
+        "class": [hashId.value, prefixCls.value],
         "modelValue": visible.value,
         "onUpdate:modelValue": $event => visible.value = $event,
         "style": {

package/components/form-dialog/form-dialog.style.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

package/components/form-dialog/form-dialog.style.js

@@ -0,0 +1,16 @@
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoFormDialog", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      "@media(max-width: 768px)": {
+        "&": {
+          width: "100%"
+        }
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/form-group/form-group.js

@@ -21,7 +21,7 @@ var stdin_default = defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
-    const spaceProps = reactiveOmit(props, ["title", "borderStyle", "position", "collapsible", "collapsed"]);
+    const spaceProps = reactiveOmit(props, ["title", "tooltip", "borderStyle", "position", "collapsible", "collapsed"]);
     const innerCollapsed = ref(false);
     const isBordered = computed(() => !!props.title);
     watch(() => props.collapsed, () => {
@@ -66,10 +66,7 @@ var stdin_default = defineComponent({
           "size": "md"
         }, null)
       })])]), withDirectives(createVNode(resolveComponent("el-space"), mergeProps(spaceProps, {
-        "style": {
-          display: "flex",
-          minWidth: 0
-        }
+        "class": `${prefixCls.value}-space`
       }), {
         default: () => [slots.default?.({})]
       }), [[vShow, !innerCollapsed.value]])]);

package/components/form-group/form-group.style.js

@@ -40,6 +40,17 @@ var stdin_default = getSimpleStyleHook("CoFormGroup", (token) => {
         marginInlineStart: token.marginXXS,
         cursor: "pointer",
         alignSelf: "center"
+      },
+      [`${componentCls}-space`]: {
+        display: "flex",
+        "& > *": {
+          maxWidth: "100%",
+          "@media(max-width: 768px)": {
+            "&": {
+              width: "100%"
+            }
+          }
+        }
       }
     }
   };

package/components/form-list/form-list.style.js

@@ -24,7 +24,38 @@ var stdin_default = getSimpleStyleHook("CoFormList", (token) => {
         marginInlineEnd: token.marginXXS
       },
       ".el-form-item__label": {
-        display: "none"
+        display: "none",
+        "@media(max-width: 768px)": {
+          "&": {
+            display: "inline-flex"
+          }
+        }
+      },
+      [`${componentCls}-sort-item`]: {
+        "@media(max-width: 768px)": {
+          "&": {
+            width: "100%"
+          }
+        }
+      },
+      [`${componentCls}-space`]: {
+        display: "flex",
+        flexWrap: "wrap",
+        "&.is-head": {
+          "@media(max-width: 768px)": {
+            "&": {
+              display: "none"
+            }
+          }
+        },
+        "& > *": {
+          maxWidth: "100%",
+          "@media(max-width: 768px)": {
+            "&": {
+              width: "100%"
+            }
+          }
+        }
       }
     }
   };

package/components/form-list/form-list.vue.js

@@ -280,10 +280,11 @@ var stdin_default = /* @__PURE__ */defineComponent({
         }) : createVNode("div", {
           "class": [hashId.value, prefixCls.value]
         }, [props.modelValue.length > 0 && createVNode(ElSpace, {
+          "class": [`${prefixCls.value}-space`, "is-head"],
           "style": {
             marginInlineStart: props.draggable ? token.value.marginLG + "px" : ""
           },
-          "size": "large"
+          "size": [16, 16]
         }, _isSlot(_slot = columns.value.map(column => {
           return createVNode("div", {
             "class": [`${prefixCls.value}-title`, {
@@ -304,10 +305,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
           }, _isSlot(_slot2 = props.modelValue.map((row, index) => {
             return createVNode(_DndSortItem, {
               "key": getKey(row),
-              "index": index
+              "index": index,
+              "class": `${prefixCls.value}-sort-item`
             }, {
               default: () => [createVNode(ElSpace, {
-                "size": "large"
+                "size": [16, 16],
+                "class": `${prefixCls.value}-space`
               }, {
                 default: () => [slots.default?.({
                   row,

package/components/remote-select/remote-select.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, unref, computed, createVNode, mergeProps, nextTick } from 'vue';
-import { reactiveComputed } from '@vueuse/core';
+import { reactiveComputed, reactiveOmit } from '@vueuse/core';
 import { merge, get } from 'lodash-es';
 import { ElSelect, ElPagination, ElOption } from 'element-plus';
 import { remoteSelectEmits, remoteSelectSlots, remoteSelectProps } from './remote-select.api.js';
@@ -126,8 +126,9 @@ var stdin_default = defineComponent({
     } = useProps(props);
     const popperId = uniqid();
     const events = bulkBindEvents(remoteSelectEmits, emit);
+    const selectProps = reactiveOmit(props, ["optionProps", "api", "pagination", "formProps", "transformParams", "keys", "immediate"]);
     return () => {
-      return createVNode(ElSelect, mergeProps(attrs, props, events, {
+      return createVNode(ElSelect, mergeProps(attrs, selectProps, events, {
         "class": `${hashId.value} ${prefixCls.value}`,
         "popper-class": `${hashId.value} ${prefixCls.value}-popper ${popperId}`,
         "onVisible-change": onVisibleChange

package/components/stack-dialog/stack-dialog.style.js

@@ -10,6 +10,11 @@ var stdin_default = getSimpleStyleHook("CoStackDialog", (token) => {
       width: "80%",
       height: "calc(100vh - 15vh)",
       transition: token.motionDurationSlow,
+      "@media(max-width: 768px)": {
+        "&": {
+          width: "100%"
+        }
+      },
       [`${componentCls}-header`]: {
         flex: "none"
       },

package/components/upload/upload-item.js

@@ -120,7 +120,8 @@ var stdin_default = defineComponent({
         "class": `${prefixCls.value}-remove`,
         "onClick": () => emit("remove")
       }, [createVNode(stdin_default$1, {
-        "name": "co:close-large"
+        "name": "co:close-large",
+        "size": "md"
       }, null)])]);
     };
   }

package/config/i18n.js

@@ -1,6 +1,11 @@
+import dayjsZhCn from 'dayjs/locale/zh-cn';
+import stdin_default from '../locale/lang/zh-cn.js';
+
 const defaultI18nConfig = {
   locale: "zh-cn",
-  messages: []
+  messages: [
+    { value: "zh-cn", label: "\u7B80\u4F53\u4E2D\u6587", dayjs: dayjsZhCn, cosey: stdin_default, app: {} }
+  ]
 };
 
 export { defaultI18nConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.10.11",
+  "version": "0.10.13",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",