deepsea-components 5.4.2 → 5.5.1

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

@@ -0,0 +1,15 @@
+import { ComponentProps, FC } from "react";
+export type FormLabelProps = ComponentProps<"div"> & {
+    /**
+     * Label 的宽度.
+     */
+    width: number;
+    /**
+     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
+     */
+    before?: boolean;
+};
+/**
+ * 为 Ant Design 的 FormItem 设计的 Label 组件
+ */
+export declare const FormLabel: FC<FormLabelProps>;

package/dist/cjs/components/FormLabel.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormLabel.tsx
+var FormLabel_exports = {};
+__export(FormLabel_exports, {
+  FormLabel: () => FormLabel
+});
+module.exports = __toCommonJS(FormLabel_exports);
+var import_css = require("@emotion/css");
+var import_deepsea_tools = require("deepsea-tools");
+var import_react = require("react");
+var FormLabel = (props) => {
+  const { className, style, before, width, ...rest } = props;
+  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, !!before && /* @__PURE__ */ React.createElement("div", { className: "w-[11px]" }, " "), /* @__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
+    }
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormLabel
+});
+//# sourceMappingURL=FormLabel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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;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;",
+  "names": []
+}

package/dist/cjs/index.d.ts

@@ -4,6 +4,7 @@ export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
 export * from "./components/Echart";
 export * from "./components/Flow";
+export * from "./components/FormLabel";
 export * from "./components/HlsPlayer";
 export * from "./components/InfiniteScroll";
 export * from "./components/InputFile";

package/dist/cjs/index.js

@@ -22,6 +22,7 @@ __reExport(src_exports, require("./components/AutoSizeTextarea"), module.exports
 __reExport(src_exports, require("./components/CircleText"), module.exports);
 __reExport(src_exports, require("./components/Echart"), module.exports);
 __reExport(src_exports, require("./components/Flow"), module.exports);
+__reExport(src_exports, require("./components/FormLabel"), module.exports);
 __reExport(src_exports, require("./components/HlsPlayer"), module.exports);
 __reExport(src_exports, require("./components/InfiniteScroll"), module.exports);
 __reExport(src_exports, require("./components/InputFile"), module.exports);
@@ -44,6 +45,7 @@ __reExport(src_exports, require("./utils/index"), module.exports);
   ...require("./components/CircleText"),
   ...require("./components/Echart"),
   ...require("./components/Flow"),
+  ...require("./components/FormLabel"),
   ...require("./components/HlsPlayer"),
   ...require("./components/InfiniteScroll"),
   ...require("./components/InputFile"),

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from \"@components/AutoFit\"\nexport * from \"@components/AutoScroll\"\nexport * from \"@components/AutoSizeTextarea\"\nexport * from \"@components/CircleText\"\nexport * from \"@components/Echart\"\nexport * from \"@components/Flow\"\nexport * from \"@components/HlsPlayer\"\nexport * from \"@components/InfiniteScroll\"\nexport * from \"@components/InputFile\"\nexport * from \"@components/LoopSwiper\"\nexport * from \"@components/Ring\"\nexport * from \"@components/Scroll\"\nexport * from \"@components/SectionRing\"\nexport * from \"@components/Skeleton\"\nexport * from \"@components/Title\"\nexport * from \"@components/TransitionBox\"\nexport * from \"@components/TransitionNum\"\nexport * from \"@components/Trapezium\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,gCAJd;AAKA,wBAAc,8BALd;AAMA,wBAAc,mCANd;AAOA,wBAAc,wCAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,8BAVd;AAWA,wBAAc,gCAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,kCAbd;AAcA,wBAAc,+BAdd;AAeA,wBAAc,uCAfd;AAgBA,wBAAc,uCAhBd;AAiBA,wBAAc,mCAjBd;AAkBA,wBAAc,oCAlBd;AAmBA,wBAAc,0BAnBd;",
+  "sourcesContent": ["export * from \"@components/AutoFit\"\nexport * from \"@components/AutoScroll\"\nexport * from \"@components/AutoSizeTextarea\"\nexport * from \"@components/CircleText\"\nexport * from \"@components/Echart\"\nexport * from \"@components/Flow\"\nexport * from \"@components/FormLabel\"\nexport * from \"@components/HlsPlayer\"\nexport * from \"@components/InfiniteScroll\"\nexport * from \"@components/InputFile\"\nexport * from \"@components/LoopSwiper\"\nexport * from \"@components/Ring\"\nexport * from \"@components/Scroll\"\nexport * from \"@components/SectionRing\"\nexport * from \"@components/Skeleton\"\nexport * from \"@components/Title\"\nexport * from \"@components/TransitionBox\"\nexport * from \"@components/TransitionNum\"\nexport * from \"@components/Trapezium\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,gCAJd;AAKA,wBAAc,8BALd;AAMA,wBAAc,mCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,wCARd;AASA,wBAAc,mCATd;AAUA,wBAAc,oCAVd;AAWA,wBAAc,8BAXd;AAYA,wBAAc,gCAZd;AAaA,wBAAc,qCAbd;AAcA,wBAAc,kCAdd;AAeA,wBAAc,+BAfd;AAgBA,wBAAc,uCAhBd;AAiBA,wBAAc,uCAjBd;AAkBA,wBAAc,mCAlBd;AAmBA,wBAAc,oCAnBd;AAoBA,wBAAc,0BApBd;",
   "names": []
 }

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

@@ -0,0 +1,15 @@
+import { ComponentProps, FC } from "react";
+export type FormLabelProps = ComponentProps<"div"> & {
+    /**
+     * Label 的宽度.
+     */
+    width: number;
+    /**
+     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
+     */
+    before?: boolean;
+};
+/**
+ * 为 Ant Design 的 FormItem 设计的 Label 组件
+ */
+export declare const FormLabel: FC<FormLabelProps>;

package/dist/esm/components/FormLabel.js

@@ -0,0 +1,34 @@
+import { css } from "@emotion/css";
+import { clsx } from "deepsea-tools";
+import { Fragment } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 为 Ant Design 的 FormItem 设计的 Label 组件
+ */
+export const FormLabel = props => {
+  const {
+    className,
+    style,
+    before,
+    width,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [!!before && /*#__PURE__*/_jsx("div", {
+      className: "w-[11px]",
+      children: "\u2002"
+    }), /*#__PURE__*/_jsx("div", {
+      className: clsx(css`
+                        text-align: justify;
+                        text-align-last: justify;
+                    `, className),
+      style: {
+        width,
+        ...style
+      },
+      ...rest
+    })]
+  });
+};
+//# sourceMappingURL=FormLabel.js.map

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

@@ -0,0 +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"}

package/dist/esm/index.d.ts

@@ -4,6 +4,7 @@ export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
 export * from "./components/Echart";
 export * from "./components/Flow";
+export * from "./components/FormLabel";
 export * from "./components/HlsPlayer";
 export * from "./components/InfiniteScroll";
 export * from "./components/InputFile";

package/dist/esm/index.js

@@ -4,6 +4,7 @@ export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
 export * from "./components/Echart";
 export * from "./components/Flow";
+export * from "./components/FormLabel";
 export * from "./components/HlsPlayer";
 export * from "./components/InfiniteScroll";
 export * from "./components/InputFile";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"@components/AutoFit\"\nexport * from \"@components/AutoScroll\"\nexport * from \"@components/AutoSizeTextarea\"\nexport * from \"@components/CircleText\"\nexport * from \"@components/Echart\"\nexport * from \"@components/Flow\"\nexport * from \"@components/HlsPlayer\"\nexport * from \"@components/InfiniteScroll\"\nexport * from \"@components/InputFile\"\nexport * from \"@components/LoopSwiper\"\nexport * from \"@components/Ring\"\nexport * from \"@components/Scroll\"\nexport * from \"@components/SectionRing\"\nexport * from \"@components/Skeleton\"\nexport * from \"@components/Title\"\nexport * from \"@components/TransitionBox\"\nexport * from \"@components/TransitionNum\"\nexport * from \"@components/Trapezium\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"@components/AutoFit\"\nexport * from \"@components/AutoScroll\"\nexport * from \"@components/AutoSizeTextarea\"\nexport * from \"@components/CircleText\"\nexport * from \"@components/Echart\"\nexport * from \"@components/Flow\"\nexport * from \"@components/FormLabel\"\nexport * from \"@components/HlsPlayer\"\nexport * from \"@components/InfiniteScroll\"\nexport * from \"@components/InputFile\"\nexport * from \"@components/LoopSwiper\"\nexport * from \"@components/Ring\"\nexport * from \"@components/Scroll\"\nexport * from \"@components/SectionRing\"\nexport * from \"@components/Skeleton\"\nexport * from \"@components/Title\"\nexport * from \"@components/TransitionBox\"\nexport * from \"@components/TransitionNum\"\nexport * from \"@components/Trapezium\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/package.json

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

package/src/components/FormLabel.tsx

@@ -0,0 +1,38 @@
+import { css } from "@emotion/css"
+import { clsx } from "deepsea-tools"
+import { ComponentProps, FC, Fragment } from "react"
+
+export type FormLabelProps = ComponentProps<"div"> & {
+    /**
+     * Label 的宽度.
+     */
+    width: number
+    /**
+     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
+     */
+    before?: boolean
+}
+
+/**
+ * 为 Ant Design 的 FormItem 设计的 Label 组件
+ */
+export const FormLabel: FC<FormLabelProps> = props => {
+    const { className, style, before, width, ...rest } = props
+
+    return (
+        <Fragment>
+            {!!before && <div className="w-[11px]">&ensp;</div>}
+            <div
+                className={clsx(
+                    css`
+                        text-align: justify;
+                        text-align-last: justify;
+                    `,
+                    className
+                )}
+                style={{ width, ...style }}
+                {...rest}
+            />
+        </Fragment>
+    )
+}

package/src/index.ts

@@ -4,6 +4,7 @@ export * from "@components/AutoSizeTextarea"
 export * from "@components/CircleText"
 export * from "@components/Echart"
 export * from "@components/Flow"
+export * from "@components/FormLabel"
 export * from "@components/HlsPlayer"
 export * from "@components/InfiniteScroll"
 export * from "@components/InputFile"