vap1 0.0.2 → 0.0.3

package/components/_adapt/Layout.js

@@ -67,7 +67,9 @@ class BasicLayout extends react_1.default.Component {
             clazz.push(className);
         return (react_1.default.createElement(layout_1.LayoutContext.Provider, { value: { siderHook: this.getSiderHook() } },
             react_1.default.createElement("section", Object.assign({ className: clazz.join(' ') }, others, { ref: (el) => {
-                    console.log(el.getRootNode());
+                    if (el && this.props.elRef) {
+                        this.props.elRef.current = el;
+                    }
                 } }), children)));
     }
 }

package/components/_adapt/Space.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type SizeType = 'small' | 'middle' | 'large' | undefined;
+export type SpaceSize = SizeType | number;
+export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    style?: React.CSSProperties;
+    size?: SpaceSize | [SpaceSize, SpaceSize];
+    direction?: 'horizontal' | 'vertical';
+    align?: 'start' | 'end' | 'center' | 'baseline';
+    split?: React.ReactNode;
+    wrap?: boolean;
+}
+export declare const Space: (props: SpaceProps) => import("react").ReactNode;

package/components/_adapt/{todo/Space.js → Space.js}

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Space = void 0;
-const Const_1 = require("../../../utils/Const");
-const Space = (props) => Const_1.NONE;
+const Space = (props) => props.children;
 exports.Space = Space;

package/components/_adapt/Tag.d.ts

@@ -1,7 +1,14 @@
-import type { ComponentClass, PropsWithChildren } from 'react';
 import type { TagProps } from 'antd/es/tag';
-export type OTagProps = PropsWithChildren<Omit<TagProps, 'visible'>>;
+import type { FC, PropsWithChildren } from 'react';
+/**
+* 说明： 排除 Tag 组件已被 antd 标记为 deprecated 的属性:
+* 1. `visible` will be removed in next major version.
+*/
+export type OTagProps = PropsWithChildren<Omit<TagProps, 'visible'>> & {
+    icon?: string;
+    bordered?: boolean;
+};
 /**
  * 不再使用 visible 属性
 */
-export declare const Tag: ComponentClass<OTagProps, any>;
+export declare const Tag: FC<OTagProps>;

package/components/_adapt/Tag.js

@@ -1,12 +1,25 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = void 0;
-/**
-* 说明： 排除 Tag 组件已被 antd 标记为 deprecated 的属性:
-* 1. `visible` will be removed in next major version.
-*/
+const react_1 = __importDefault(require("react"));
 const antd_1 = require("antd");
+const lodash_1 = __importDefault(require("lodash"));
+const Icon_1 = require("./Icon");
 /**
  * 不再使用 visible 属性
 */
-exports.Tag = antd_1.Tag;
+const Tag = props => {
+    const style = lodash_1.default.assign({}, props.style);
+    if (props.bordered === false) {
+        style.border = 'none';
+    }
+    const children = props.icon ? react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Icon_1.Icon, { type: props.icon, className: 'c-tag-icon' }),
+        " ",
+        props.children) : props.children;
+    return react_1.default.createElement(antd_1.Tag, Object.assign({}, props, { style: style }), children);
+};
+exports.Tag = Tag;

package/index.d.ts

@@ -21,6 +21,7 @@ export type { OCollapseProps as CollapseProps, OCollapsePanelProps as CollapsePa
 */
 export { Divider, Empty, Result, Spin, Card, Skeleton, } from 'antd';
 export { Layout } from './components/_adapt/Layout';
+export { Space } from './components/_adapt/Space';
 export { Row } from './components/_adapt/Row';
 export { Col } from './components/_adapt/Col';
 export type { LayoutProps } from 'antd/es/layout';
@@ -30,6 +31,7 @@ export type { ResultProps } from 'antd/es/result';
 export type { SpinProps } from 'antd/es/spin';
 export type { CardProps } from 'antd/es/card';
 export type { SkeletonProps } from 'antd/es/skeleton';
+export type { SpaceProps } from './components/_adapt/Space';
 export type { RowProps } from './components/_adapt/Row';
 export type { ColProps } from './components/_adapt/Col';
 /**

package/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = exports.Switch = exports.Checkbox = exports.Radio = exports.InputNumber = exports.Input = exports.Form = exports.Pagination = exports.Timeline = exports.List = exports.Tree = exports.Descriptions = exports.Table = exports.Tag = exports.Alert = exports.Button = exports.Icon = exports.FloatButton = exports.Mentions = exports.Anchor = exports.Affix = exports.BackTop = exports.Avatar = exports.Badge = exports.Statistic = exports.Typography = exports.Progress = exports.Popover = exports.Popconfirm = exports.Tooltip = exports.Dropdown = exports.Drawer = exports.Modal = exports.Col = exports.Row = exports.Layout = exports.Skeleton = exports.Card = exports.Spin = exports.Result = exports.Empty = exports.Divider = exports.Collapse = exports.Tabs = exports.Menu = exports.Breadcrumb = exports.Steps = exports.notification = exports.message = exports.ConfigProvider = void 0;
-exports.PromiseLabel = exports.IAutoComplete = exports.Role = exports.I = exports.CountUp = exports.HighLight = exports.DateRange = exports.Loading = exports.SearchBar = exports.Box = exports.SList = exports.UploadModal = exports.UploadImage = exports.UploadFile = exports.FTree = exports.DTree = exports.STree = exports.TopTableModal = exports.TopTable = exports.STable = exports.ApiTableModal = exports.ApiTable = exports.VTable = exports.UDescriptions = exports.UModal = exports.UInfoModal = exports.UInfo = exports.UFormModal = exports.UForm = exports.UPagination = exports.Select = exports.Calendar = exports.Carousel = exports.Transfer = exports.Cascader = exports.AutoComplete = exports.Rate = exports.Upload = exports.TimePicker = exports.DatePicker = exports.TreeSelect = void 0;
+exports.Switch = exports.Checkbox = exports.Radio = exports.InputNumber = exports.Input = exports.Form = exports.Pagination = exports.Timeline = exports.List = exports.Tree = exports.Descriptions = exports.Table = exports.Tag = exports.Alert = exports.Button = exports.Icon = exports.FloatButton = exports.Mentions = exports.Anchor = exports.Affix = exports.BackTop = exports.Avatar = exports.Badge = exports.Statistic = exports.Typography = exports.Progress = exports.Popover = exports.Popconfirm = exports.Tooltip = exports.Dropdown = exports.Drawer = exports.Modal = exports.Col = exports.Row = exports.Space = exports.Layout = exports.Skeleton = exports.Card = exports.Spin = exports.Result = exports.Empty = exports.Divider = exports.Collapse = exports.Tabs = exports.Menu = exports.Breadcrumb = exports.Steps = exports.notification = exports.message = exports.ConfigProvider = void 0;
+exports.PromiseLabel = exports.IAutoComplete = exports.Role = exports.I = exports.CountUp = exports.HighLight = exports.DateRange = exports.Loading = exports.SearchBar = exports.Box = exports.SList = exports.UploadModal = exports.UploadImage = exports.UploadFile = exports.FTree = exports.DTree = exports.STree = exports.TopTableModal = exports.TopTable = exports.STable = exports.ApiTableModal = exports.ApiTable = exports.VTable = exports.UDescriptions = exports.UModal = exports.UInfoModal = exports.UInfo = exports.UFormModal = exports.UForm = exports.UPagination = exports.Select = exports.Calendar = exports.Carousel = exports.Transfer = exports.Cascader = exports.AutoComplete = exports.Rate = exports.Upload = exports.TimePicker = exports.DatePicker = exports.TreeSelect = exports.Slider = void 0;
 /**
  * 基础
 */
@@ -35,6 +35,8 @@ Object.defineProperty(exports, "Card", { enumerable: true, get: function () { re
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return antd_3.Skeleton; } });
 var Layout_1 = require("./components/_adapt/Layout");
 Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
+var Space_1 = require("./components/_adapt/Space");
+Object.defineProperty(exports, "Space", { enumerable: true, get: function () { return Space_1.Space; } });
 var Row_1 = require("./components/_adapt/Row");
 Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
 var Col_1 = require("./components/_adapt/Col");

package/package.json

@@ -1 +1 @@
-{"name":"vap1","version":"0.0.2","description":"vap1, Both support MicroService and SAP FrameWork","main":"index.js","author":"Xiang da","license":"ISC","dependencies":{"antd":"^3.26.20","ejs":"^3.1.9","lodash":"^4.17.21","dayjs":"npm:moment@latest","react":"^16.14.0","terser-webpack-plugin":"^5.3.9","webpack":"^5.88.2","webpack-sources":"^3.2.3"}}
+{"name":"vap1","version":"0.0.3","description":"vap1, Both support MicroService and SAP FrameWork","main":"index.js","author":"Xiang da","license":"ISC","dependencies":{"antd":"^3.26.20","ejs":"^3.1.9","lodash":"^4.17.21","dayjs":"npm:moment@latest","react":"^16.14.0","terser-webpack-plugin":"^5.3.9","webpack":"^5.88.2","webpack-sources":"^3.2.3"}}

package/components/_adapt/todo/Space.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Space: (props: any) => import("react").JSX.Element;