deepsea-components 5.7.7 → 5.7.8

package/dist/cjs/components/FormLabel.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, FC } from "react";
-export type FormLabelProps = ComponentPropsWithoutRef<"div"> & {
+import { ComponentPropsWithoutRef, FC, ReactNode } from "react";
+export type FormLabelConfig = {
     /**
      * Label 的宽度.
      */
@@ -7,9 +7,16 @@ export type FormLabelProps = ComponentPropsWithoutRef<"div"> & {
     /**
      * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
      */
-    before?: boolean;
+    before?: boolean | number;
 };
+export type FormLabelProps = ComponentPropsWithoutRef<"div"> & FormLabelConfig;
+export declare const FormLabelConfigContext: import("react").Context<Partial<FormLabelConfig>>;
+export type FormLabelConfigProviderProps = FormLabelConfig & {
+    children?: ReactNode;
+};
+export declare const FormLabelConfigProvider: FC<FormLabelConfigProviderProps>;
 /**
  * 为 Ant Design 的 FormItem 设计的 Label 组件
  */
-export declare const FormLabel: FC<FormLabelProps>;
+declare const FormLabel: FC<FormLabelProps>;
+export default FormLabel;

package/dist/cjs/components/FormLabel.js

@@ -1,3 +1,4 @@
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -19,28 +20,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/FormLabel.tsx
 var FormLabel_exports = {};
 __export(FormLabel_exports, {
-  FormLabel: () => FormLabel
+  FormLabelConfigContext: () => FormLabelConfigContext,
+  FormLabelConfigProvider: () => FormLabelConfigProvider,
+  default: () => FormLabel_default
 });
 module.exports = __toCommonJS(FormLabel_exports);
-var import_deepsea_tools = require("deepsea-tools");
 var import_react = require("react");
-var import_css = require("@emotion/css");
-var FormLabel = ({ className, style, before, width, ...rest }) => /* @__PURE__ */ React.createElement(import_react.Fragment, null, !!before && /* @__PURE__ */ React.createElement("div", { style: { width: 11 } }, " "), /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    className: (0, import_deepsea_tools.clsx)(
-      import_css.css`
-                    text-align: justify;
-                    text-align-last: justify;
-                `,
-      className
-    ),
-    style: { width, ...style },
-    ...rest
-  }
-));
+var FormLabelConfigContext = (0, import_react.createContext)({});
+var FormLabelConfigProvider = ({ width, before, children }) => /* @__PURE__ */ React.createElement(FormLabelConfigContext.Provider, { value: { width, before } }, children);
+var FormLabel = (props) => {
+  const { width: _width, before: _before } = (0, import_react.useContext)(FormLabelConfigContext);
+  const { style, width = _width, before = _before, ...rest } = props;
+  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, !!before && /* @__PURE__ */ React.createElement("div", { style: { width: 11, color: "transparent" } }, " "), /* @__PURE__ */ React.createElement("div", { style: { width, textAlign: "justify", textAlignLast: "justify", ...style }, ...rest }));
+};
+var FormLabel_default = FormLabel;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FormLabel
+  FormLabelConfigContext,
+  FormLabelConfigProvider
 });
 //# sourceMappingURL=FormLabel.js.map

package/dist/cjs/components/FormLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormLabel.tsx"],
-  "sourcesContent": ["import { clsx } from \"deepsea-tools\"\nimport { ComponentPropsWithoutRef, FC, Fragment } from \"react\"\n\nimport { css } from \"@emotion/css\"\n\nexport type FormLabelProps = ComponentPropsWithoutRef<\"div\"> & {\n    /**\n     * Label 的宽度.\n     */\n    width: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean\n}\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nexport const FormLabel: FC<FormLabelProps> = ({ className, style, before, width, ...rest }) => (\n    <Fragment>\n        {!!before && <div style={{ width: 11 }}>&ensp;</div>}\n        <div\n            className={clsx(\n                css`\n                    text-align: justify;\n                    text-align-last: justify;\n                `,\n                className,\n            )}\n            style={{ width, ...style }}\n            {...rest}\n        />\n    </Fragment>\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqB;AACrB,mBAAuD;AAEvD,iBAAoB;AAgBb,IAAM,YAAgC,CAAC,EAAE,WAAW,OAAO,QAAQ,OAAO,GAAG,KAAK,MACrF,oCAAC,6BACI,CAAC,CAAC,UAAU,oCAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAG,GAAM,GAC9C;AAAA,EAAC;AAAA;AAAA,IACG,eAAW;AAAA,MACP;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,OAAO,GAAG,MAAM;AAAA,IACxB,GAAG;AAAA;AACR,CACJ;",
+  "sourcesContent": ["\"use client\"\n\nimport { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from \"react\"\n\nexport type FormLabelConfig = {\n    /**\n     * Label 的宽度.\n     */\n    width: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean | number\n}\n\nexport type FormLabelProps = ComponentPropsWithoutRef<\"div\"> & FormLabelConfig\n\nexport const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})\n\nexport type FormLabelConfigProviderProps = FormLabelConfig & {\n    children?: ReactNode\n}\n\nexport const FormLabelConfigProvider: FC<FormLabelConfigProviderProps> = ({ width, before, children }) => (\n    <FormLabelConfigContext.Provider value={{ width, before }}>{children}</FormLabelConfigContext.Provider>\n)\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nconst FormLabel: FC<FormLabelProps> = props => {\n    const { width: _width, before: _before } = useContext(FormLabelConfigContext)\n    const { style, width = _width, before = _before, ...rest } = props\n\n    return (\n        <Fragment>\n            {!!before && <div style={{ width: 11, color: \"transparent\" }}>&ensp;</div>}\n            <div style={{ width, textAlign: \"justify\", textAlignLast: \"justify\", ...style }} {...rest} />\n        </Fragment>\n    )\n}\n\nexport default FormLabel\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6F;AAetF,IAAM,6BAAyB,4BAAwC,CAAC,CAAC;AAMzE,IAAM,0BAA4D,CAAC,EAAE,OAAO,QAAQ,SAAS,MAChG,oCAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,OAAO,OAAO,KAAI,QAAS;AAMzE,IAAM,YAAgC,WAAS;AAC3C,QAAM,EAAE,OAAO,QAAQ,QAAQ,QAAQ,QAAI,yBAAW,sBAAsB;AAC5E,QAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,SAAS,GAAG,KAAK,IAAI;AAE7D,SACI,oCAAC,6BACI,CAAC,CAAC,UAAU,oCAAC,SAAI,OAAO,EAAE,OAAO,IAAI,OAAO,cAAc,KAAG,GAAM,GACpE,oCAAC,SAAI,OAAO,EAAE,OAAO,WAAW,WAAW,eAAe,WAAW,GAAG,MAAM,GAAI,GAAG,MAAM,CAC/F;AAER;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/FormLabel.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, FC } from "react";
-export type FormLabelProps = ComponentPropsWithoutRef<"div"> & {
+import { ComponentPropsWithoutRef, FC, ReactNode } from "react";
+export type FormLabelConfig = {
     /**
      * Label 的宽度.
      */
@@ -7,9 +7,16 @@ export type FormLabelProps = ComponentPropsWithoutRef<"div"> & {
     /**
      * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
      */
-    before?: boolean;
+    before?: boolean | number;
 };
+export type FormLabelProps = ComponentPropsWithoutRef<"div"> & FormLabelConfig;
+export declare const FormLabelConfigContext: import("react").Context<Partial<FormLabelConfig>>;
+export type FormLabelConfigProviderProps = FormLabelConfig & {
+    children?: ReactNode;
+};
+export declare const FormLabelConfigProvider: FC<FormLabelConfigProviderProps>;
 /**
  * 为 Ant Design 的 FormItem 设计的 Label 组件
  */
-export declare const FormLabel: FC<FormLabelProps>;
+declare const FormLabel: FC<FormLabelProps>;
+export default FormLabel;

package/dist/esm/components/FormLabel.js

@@ -1,33 +1,52 @@
-import { clsx } from "deepsea-tools";
-import { Fragment } from "react";
-import { css } from "@emotion/css";
+"use client";
+
+import { Fragment, createContext, useContext } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+export const FormLabelConfigContext = /*#__PURE__*/createContext({});
+export const FormLabelConfigProvider = ({
+  width,
+  before,
+  children
+}) => /*#__PURE__*/_jsx(FormLabelConfigContext.Provider, {
+  value: {
+    width,
+    before
+  },
+  children: children
+});
+
 /**
  * 为 Ant Design 的 FormItem 设计的 Label 组件
  */
-export const FormLabel = ({
-  className,
-  style,
-  before,
-  width,
-  ...rest
-}) => /*#__PURE__*/_jsxs(Fragment, {
-  children: [!!before && /*#__PURE__*/_jsx("div", {
-    style: {
-      width: 11
-    },
-    children: "\u2002"
-  }), /*#__PURE__*/_jsx("div", {
-    className: clsx(css`
-                    text-align: justify;
-                    text-align-last: justify;
-                `, className),
-    style: {
-      width,
-      ...style
-    },
+const FormLabel = props => {
+  const {
+    width: _width,
+    before: _before
+  } = useContext(FormLabelConfigContext);
+  const {
+    style,
+    width = _width,
+    before = _before,
     ...rest
-  })]
-});
+  } = props;
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [!!before && /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 11,
+        color: "transparent"
+      },
+      children: "\u2002"
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        width,
+        textAlign: "justify",
+        textAlignLast: "justify",
+        ...style
+      },
+      ...rest
+    })]
+  });
+};
+export default FormLabel;
 //# sourceMappingURL=FormLabel.js.map

package/dist/esm/components/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","Fragment","css","jsx","_jsx","jsxs","_jsxs","FormLabel","className","style","before","width","rest","children"],"sources":["../../../src/components/FormLabel.tsx"],"sourcesContent":["import { clsx } from \"deepsea-tools\"\nimport { ComponentPropsWithoutRef, FC, Fragment } from \"react\"\n\nimport { css } from \"@emotion/css\"\n\nexport type FormLabelProps = ComponentPropsWithoutRef<\"div\"> & {\n    /**\n     * Label 的宽度.\n     */\n    width: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean\n}\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nexport const FormLabel: FC<FormLabelProps> = ({ className, style, before, width, ...rest }) => (\n    <Fragment>\n        {!!before && <div style={{ width: 11 }}>&ensp;</div>}\n        <div\n            className={clsx(\n                css`\n                    text-align: justify;\n                    text-align-last: justify;\n                `,\n                className,\n            )}\n            style={{ width, ...style }}\n            {...rest}\n        />\n    </Fragment>\n)\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,eAAe;AACpC,SAAuCC,QAAQ,QAAQ,OAAO;AAE9D,SAASC,GAAG,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAalC;AACA;AACA;AACA,OAAO,MAAMC,SAA6B,GAAGA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,kBACtFN,KAAA,CAACL,QAAQ;EAAAY,QAAA,GACJ,CAAC,CAACH,MAAM,iBAAIN,IAAA;IAAKK,KAAK,EAAE;MAAEE,KAAK,EAAE;IAAG,CAAE;IAAAE,QAAA,EAAC;EAAM,CAAK,CAAC,eACpDT,IAAA;IACII,SAAS,EAAER,IAAI,CACXE,GAAI;AACpB;AACA;AACA,iBAAiB,EACDM,SACJ,CAAE;IACFC,KAAK,EAAE;MAAEE,KAAK;MAAE,GAAGF;IAAM,CAAE;IAAA,GACvBG;EAAI,CACX,CAAC;AAAA,CACI,CACb"}
+{"version":3,"names":["Fragment","createContext","useContext","jsx","_jsx","jsxs","_jsxs","FormLabelConfigContext","FormLabelConfigProvider","width","before","children","Provider","value","FormLabel","props","_width","_before","style","rest","color","textAlign","textAlignLast"],"sources":["../../../src/components/FormLabel.tsx"],"sourcesContent":["\"use client\"\n\nimport { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from \"react\"\n\nexport type FormLabelConfig = {\n    /**\n     * Label 的宽度.\n     */\n    width: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean | number\n}\n\nexport type FormLabelProps = ComponentPropsWithoutRef<\"div\"> & FormLabelConfig\n\nexport const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})\n\nexport type FormLabelConfigProviderProps = FormLabelConfig & {\n    children?: ReactNode\n}\n\nexport const FormLabelConfigProvider: FC<FormLabelConfigProviderProps> = ({ width, before, children }) => (\n    <FormLabelConfigContext.Provider value={{ width, before }}>{children}</FormLabelConfigContext.Provider>\n)\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nconst FormLabel: FC<FormLabelProps> = props => {\n    const { width: _width, before: _before } = useContext(FormLabelConfigContext)\n    const { style, width = _width, before = _before, ...rest } = props\n\n    return (\n        <Fragment>\n            {!!before && <div style={{ width: 11, color: \"transparent\" }}>&ensp;</div>}\n            <div style={{ width, textAlign: \"justify\", textAlignLast: \"justify\", ...style }} {...rest} />\n        </Fragment>\n    )\n}\n\nexport default FormLabel\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAuCA,QAAQ,EAAaC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAepG,OAAO,MAAMC,sBAAsB,gBAAGN,aAAa,CAA2B,CAAC,CAAC,CAAC;AAMjF,OAAO,MAAMO,uBAAyD,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAS,CAAC,kBACjGP,IAAA,CAACG,sBAAsB,CAACK,QAAQ;EAACC,KAAK,EAAE;IAAEJ,KAAK;IAAEC;EAAO,CAAE;EAAAC,QAAA,EAAEA;AAAQ,CAAkC,CACzG;;AAED;AACA;AACA;AACA,MAAMG,SAA6B,GAAGC,KAAK,IAAI;EAC3C,MAAM;IAAEN,KAAK,EAAEO,MAAM;IAAEN,MAAM,EAAEO;EAAQ,CAAC,GAAGf,UAAU,CAACK,sBAAsB,CAAC;EAC7E,MAAM;IAAEW,KAAK;IAAET,KAAK,GAAGO,MAAM;IAAEN,MAAM,GAAGO,OAAO;IAAE,GAAGE;EAAK,CAAC,GAAGJ,KAAK;EAElE,oBACIT,KAAA,CAACN,QAAQ;IAAAW,QAAA,GACJ,CAAC,CAACD,MAAM,iBAAIN,IAAA;MAAKc,KAAK,EAAE;QAAET,KAAK,EAAE,EAAE;QAAEW,KAAK,EAAE;MAAc,CAAE;MAAAT,QAAA,EAAC;IAAM,CAAK,CAAC,eAC1EP,IAAA;MAAKc,KAAK,EAAE;QAAET,KAAK;QAAEY,SAAS,EAAE,SAAS;QAAEC,aAAa,EAAE,SAAS;QAAE,GAAGJ;MAAM,CAAE;MAAA,GAAKC;IAAI,CAAG,CAAC;EAAA,CACvF,CAAC;AAEnB,CAAC;AAED,eAAeL,SAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.7.7",
+  "version": "5.7.8",
   "description": "格数科技自用组件库",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/FormLabel.tsx

@@ -1,9 +1,8 @@
-import { clsx } from "deepsea-tools"
-import { ComponentPropsWithoutRef, FC, Fragment } from "react"
+"use client"
 
-import { css } from "@emotion/css"
+import { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from "react"
 
-export type FormLabelProps = ComponentPropsWithoutRef<"div"> & {
+export type FormLabelConfig = {
     /**
      * Label 的宽度.
      */
@@ -11,25 +10,34 @@ export type FormLabelProps = ComponentPropsWithoutRef<"div"> & {
     /**
      * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
      */
-    before?: boolean
+    before?: boolean | number
 }
 
+export type FormLabelProps = ComponentPropsWithoutRef<"div"> & FormLabelConfig
+
+export const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})
+
+export type FormLabelConfigProviderProps = FormLabelConfig & {
+    children?: ReactNode
+}
+
+export const FormLabelConfigProvider: FC<FormLabelConfigProviderProps> = ({ width, before, children }) => (
+    <FormLabelConfigContext.Provider value={{ width, before }}>{children}</FormLabelConfigContext.Provider>
+)
+
 /**
  * 为 Ant Design 的 FormItem 设计的 Label 组件
  */
-export const FormLabel: FC<FormLabelProps> = ({ className, style, before, width, ...rest }) => (
-    <Fragment>
-        {!!before && <div style={{ width: 11 }}>&ensp;</div>}
-        <div
-            className={clsx(
-                css`
-                    text-align: justify;
-                    text-align-last: justify;
-                `,
-                className,
-            )}
-            style={{ width, ...style }}
-            {...rest}
-        />
-    </Fragment>
-)
+const FormLabel: FC<FormLabelProps> = props => {
+    const { width: _width, before: _before } = useContext(FormLabelConfigContext)
+    const { style, width = _width, before = _before, ...rest } = props
+
+    return (
+        <Fragment>
+            {!!before && <div style={{ width: 11, color: "transparent" }}>&ensp;</div>}
+            <div style={{ width, textAlign: "justify", textAlignLast: "justify", ...style }} {...rest} />
+        </Fragment>
+    )
+}
+
+export default FormLabel