cosey 0.10.11 → 0.10.12

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/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/package.json

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