@itera-web/react-ui-descriptions 1.21.0

package/README.md

@@ -0,0 +1 @@
+### [使用文档](http://iterative.keyboardecho.com/)

package/es/Descriptions.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface DescriptionItem {
+    label: React.ReactNode;
+    children: React.ReactNode;
+    span?: number;
+}
+export interface DescriptionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: DescriptionItem[];
+    bordered?: boolean;
+    itemClassName?: string;
+    labelBg?: string;
+    contentBg?: string;
+    labelAlign?: 'left' | 'center' | 'right';
+    columns?: number;
+    labelWidth?: string | number;
+}
+export declare function Descriptions({ items, bordered, itemClassName, labelBg, contentBg, labelAlign, columns, labelWidth, className, ...props }: DescriptionsProps): React.JSX.Element;
+export {};

package/es/index.d.ts

@@ -0,0 +1 @@
+export { Descriptions, type DescriptionsProps } from './Descriptions';

package/es/index.js

@@ -0,0 +1 @@
+import*as e from"react";import*as t from"@itera-web/utils-cn";var r={d:(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},n={};r.d(n,{w:()=>i});const a=(e=>{var t={};return r.d(t,e),t})({createElement:()=>e.createElement});const l=(e=>{var t={};return r.d(t,e),t})({cn:()=>t.cn});var o=function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},o.apply(this,arguments)},c=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};function i(e){var t=e.items,r=e.bordered,n=void 0!==r&&r,i=e.itemClassName,s=e.labelBg,m=void 0===s?"bg-section":s,p=e.contentBg,d=e.labelAlign,f=void 0===d?"left":d,u=e.columns,b=void 0===u?1:u,v=e.labelWidth,y=e.className,h=c(e,["items","bordered","itemClassName","labelBg","contentBg","labelAlign","columns","labelWidth","className"]),g=[],O=[],x=0;return t.forEach(function(e){var t=e.span||1;x+t>b&&(g.push(O),O=[],x=0),O.push(e),x+=t}),O.length&&g.push(O),a.createElement("div",o({className:(0,l.cn)("w-full",y)},h),a.createElement("div",{className:(0,l.cn)("rounded overflow-hidden bg-section text-font",i)},g.map(function(e,t){return a.createElement("div",{className:"flex w-full",key:t},e.map(function(e,t){var r=e.span||1;return a.createElement("div",{className:(0,l.cn)("flex",n&&"border border-border","flex-1"),key:t,style:{flex:r}},a.createElement("div",{className:(0,l.cn)("px-4 py-2 font-medium break-all",m,"center"===f&&"text-center","right"===f&&"text-right"),style:v?{width:"number"==typeof v?"".concat(v,"px"):v}:void 0},e.label),a.createElement("div",{className:(0,l.cn)("px-4 py-2 break-all flex-1",p),style:{minWidth:0}},e.children))}))})))}var s=n.w;export{s as Descriptions};

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@itera-web/react-ui-descriptions",
+  "description": "表述",
+  "version": "1.21.0",
+  "main": "es/index.js",
+  "types": "es/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "itera-cli package",
+    "up": "npm publish"
+  },
+  "dependencies": {
+    "@itera-web/utils-cn": "^1.20.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@itera-web/cli": "^1.1.45"
+  },
+  "gitHead": "691b2592db8668e5d52c9712bb906484b92cb79b"
+}