deepsea-components 5.5.1 → 5.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,7 +27,7 @@ var import_deepsea_tools = require("deepsea-tools");
27
27
  var import_react = require("react");
28
28
  var FormLabel = (props) => {
29
29
  const { className, style, before, width, ...rest } = props;
30
- return /* @__PURE__ */ React.createElement(import_react.Fragment, null, !!before && /* @__PURE__ */ React.createElement("div", { className: "w-[11px]" }, " "), /* @__PURE__ */ React.createElement(
30
+ return /* @__PURE__ */ React.createElement(import_react.Fragment, null, !!before && /* @__PURE__ */ React.createElement("div", { style: { width: 11 } }, " "), /* @__PURE__ */ React.createElement(
31
31
  "div",
32
32
  {
33
33
  className: (0, import_deepsea_tools.clsx)(
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/FormLabel.tsx"],
4
- "sourcesContent": ["import { css } from \"@emotion/css\"\r\nimport { clsx } from \"deepsea-tools\"\r\nimport { ComponentProps, FC, Fragment } from \"react\"\r\n\r\nexport type FormLabelProps = ComponentProps<\"div\"> & {\r\n /**\r\n * Label 的宽度.\r\n */\r\n width: number\r\n /**\r\n * 是否在 Label 前面添加一个空白区域,只有当前 Label 为非必选,而存在其他 Label 为必选的时候开启\r\n */\r\n before?: boolean\r\n}\r\n\r\n/**\r\n * 为 Ant Design 的 FormItem 设计的 Label 组件\r\n */\r\nexport const FormLabel: FC<FormLabelProps> = props => {\r\n const { className, style, before, width, ...rest } = props\r\n\r\n return (\r\n <Fragment>\r\n {!!before && <div className=\"w-[11px]\">&ensp;</div>}\r\n <div\r\n className={clsx(\r\n css`\r\n text-align: justify;\r\n text-align-last: justify;\r\n `,\r\n className\r\n )}\r\n style={{ width, ...style }}\r\n {...rest}\r\n />\r\n </Fragment>\r\n )\r\n}\r\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,2BAAqB;AACrB,mBAA6C;AAgBtC,IAAM,YAAgC,WAAS;AAClD,QAAM,EAAE,WAAW,OAAO,QAAQ,OAAO,GAAG,KAAK,IAAI;AAErD,SACI,oCAAC,6BACI,CAAC,CAAC,UAAU,oCAAC,SAAI,WAAU,cAAW,GAAM,GAC7C;AAAA,IAAC;AAAA;AAAA,MACG,eAAW;AAAA,QACP;AAAA;AAAA;AAAA;AAAA,QAIA;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,OAAO,GAAG,MAAM;AAAA,MACxB,GAAG;AAAA;AAAA,EACR,CACJ;AAER;",
4
+ "sourcesContent": ["import { css } from \"@emotion/css\"\r\nimport { clsx } from \"deepsea-tools\"\r\nimport { ComponentProps, FC, Fragment } from \"react\"\r\n\r\nexport type FormLabelProps = ComponentProps<\"div\"> & {\r\n /**\r\n * Label 的宽度.\r\n */\r\n width: number\r\n /**\r\n * 是否在 Label 前面添加一个空白区域,只有当前 Label 为非必选,而存在其他 Label 为必选的时候开启\r\n */\r\n before?: boolean\r\n}\r\n\r\n/**\r\n * 为 Ant Design 的 FormItem 设计的 Label 组件\r\n */\r\nexport const FormLabel: FC<FormLabelProps> = props => {\r\n const { className, style, before, width, ...rest } = props\r\n\r\n return (\r\n <Fragment>\r\n {!!before && <div style={{ width: 11 }}>&ensp;</div>}\r\n <div\r\n className={clsx(\r\n css`\r\n text-align: justify;\r\n text-align-last: justify;\r\n `,\r\n className\r\n )}\r\n style={{ width, ...style }}\r\n {...rest}\r\n />\r\n </Fragment>\r\n )\r\n}\r\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,2BAAqB;AACrB,mBAA6C;AAgBtC,IAAM,YAAgC,WAAS;AAClD,QAAM,EAAE,WAAW,OAAO,QAAQ,OAAO,GAAG,KAAK,IAAI;AAErD,SACI,oCAAC,6BACI,CAAC,CAAC,UAAU,oCAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAG,GAAM,GAC9C;AAAA,IAAC;AAAA;AAAA,MACG,eAAW;AAAA,QACP;AAAA;AAAA;AAAA;AAAA,QAIA;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,OAAO,GAAG,MAAM;AAAA,MACxB,GAAG;AAAA;AAAA,EACR,CACJ;AAER;",
6
6
  "names": []
7
7
  }
@@ -16,7 +16,9 @@ export const FormLabel = props => {
16
16
  } = props;
17
17
  return /*#__PURE__*/_jsxs(Fragment, {
18
18
  children: [!!before && /*#__PURE__*/_jsx("div", {
19
- className: "w-[11px]",
19
+ style: {
20
+ width: 11
21
+ },
20
22
  children: "\u2002"
21
23
  }), /*#__PURE__*/_jsx("div", {
22
24
  className: clsx(css`
@@ -1 +1 @@
1
- {"version":3,"names":["css","clsx","Fragment","jsx","_jsx","jsxs","_jsxs","FormLabel","props","className","style","before","width","rest","children"],"sources":["../../../src/components/FormLabel.tsx"],"sourcesContent":["import { css } from \"@emotion/css\"\r\nimport { clsx } from \"deepsea-tools\"\r\nimport { ComponentProps, FC, Fragment } from \"react\"\r\n\r\nexport type FormLabelProps = ComponentProps<\"div\"> & {\r\n /**\r\n * Label 的宽度.\r\n */\r\n width: number\r\n /**\r\n * 是否在 Label 前面添加一个空白区域,只有当前 Label 为非必选,而存在其他 Label 为必选的时候开启\r\n */\r\n before?: boolean\r\n}\r\n\r\n/**\r\n * 为 Ant Design 的 FormItem 设计的 Label 组件\r\n */\r\nexport const FormLabel: FC<FormLabelProps> = props => {\r\n const { className, style, before, width, ...rest } = props\r\n\r\n return (\r\n <Fragment>\r\n {!!before && <div className=\"w-[11px]\">&ensp;</div>}\r\n <div\r\n className={clsx(\r\n css`\r\n text-align: justify;\r\n text-align-last: justify;\r\n `,\r\n className\r\n )}\r\n style={{ width, ...style }}\r\n {...rest}\r\n />\r\n </Fragment>\r\n )\r\n}\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,IAAI,QAAQ,eAAe;AACpC,SAA6BC,QAAQ,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAapD;AACA;AACA;AACA,OAAO,MAAMC,SAA6B,GAAGC,KAAK,IAAI;EAClD,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAE1D,oBACIF,KAAA,CAACJ,QAAQ;IAAAY,QAAA,GACJ,CAAC,CAACH,MAAM,iBAAIP,IAAA;MAAKK,SAAS,EAAC,UAAU;MAAAK,QAAA,EAAC;IAAM,CAAK,CAAC,eACnDV,IAAA;MACIK,SAAS,EAAER,IAAI,CACXD,GAAI;AACxB;AACA;AACA,qBAAqB,EACDS,SACJ,CAAE;MACFC,KAAK,EAAE;QAAEE,KAAK;QAAE,GAAGF;MAAM,CAAE;MAAA,GACvBG;IAAI,CACX,CAAC;EAAA,CACI,CAAC;AAEnB,CAAC"}
1
+ {"version":3,"names":["css","clsx","Fragment","jsx","_jsx","jsxs","_jsxs","FormLabel","props","className","style","before","width","rest","children"],"sources":["../../../src/components/FormLabel.tsx"],"sourcesContent":["import { css } from \"@emotion/css\"\r\nimport { clsx } from \"deepsea-tools\"\r\nimport { ComponentProps, FC, Fragment } from \"react\"\r\n\r\nexport type FormLabelProps = ComponentProps<\"div\"> & {\r\n /**\r\n * Label 的宽度.\r\n */\r\n width: number\r\n /**\r\n * 是否在 Label 前面添加一个空白区域,只有当前 Label 为非必选,而存在其他 Label 为必选的时候开启\r\n */\r\n before?: boolean\r\n}\r\n\r\n/**\r\n * 为 Ant Design 的 FormItem 设计的 Label 组件\r\n */\r\nexport const FormLabel: FC<FormLabelProps> = props => {\r\n const { className, style, before, width, ...rest } = props\r\n\r\n return (\r\n <Fragment>\r\n {!!before && <div style={{ width: 11 }}>&ensp;</div>}\r\n <div\r\n className={clsx(\r\n css`\r\n text-align: justify;\r\n text-align-last: justify;\r\n `,\r\n className\r\n )}\r\n style={{ width, ...style }}\r\n {...rest}\r\n />\r\n </Fragment>\r\n )\r\n}\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,IAAI,QAAQ,eAAe;AACpC,SAA6BC,QAAQ,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAapD;AACA;AACA;AACA,OAAO,MAAMC,SAA6B,GAAGC,KAAK,IAAI;EAClD,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAE1D,oBACIF,KAAA,CAACJ,QAAQ;IAAAY,QAAA,GACJ,CAAC,CAACH,MAAM,iBAAIP,IAAA;MAAKM,KAAK,EAAE;QAAEE,KAAK,EAAE;MAAG,CAAE;MAAAE,QAAA,EAAC;IAAM,CAAK,CAAC,eACpDV,IAAA;MACIK,SAAS,EAAER,IAAI,CACXD,GAAI;AACxB;AACA;AACA,qBAAqB,EACDS,SACJ,CAAE;MACFC,KAAK,EAAE;QAAEE,KAAK;QAAE,GAAGF;MAAM,CAAE;MAAA,GACvBG;IAAI,CACX,CAAC;EAAA,CACI,CAAC;AAEnB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "deepsea-components",
3
- "version": "5.5.1",
3
+ "version": "5.5.2",
4
4
  "description": "格数科技自用组件库",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -21,7 +21,7 @@ export const FormLabel: FC<FormLabelProps> = props => {
21
21
 
22
22
  return (
23
23
  <Fragment>
24
- {!!before && <div className="w-[11px]">&ensp;</div>}
24
+ {!!before && <div style={{ width: 11 }}>&ensp;</div>}
25
25
  <div
26
26
  className={clsx(
27
27
  css`