@ztocwst/rc-pro-materials 0.1.0 → 0.1.1

package/es/components/z-Ellipsis/ellipsis.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { ProEllipsisProps } from '@ztocwst/rc-pro';
+declare const ZEllipsis: React.FC<ProEllipsisProps>;
+export default ZEllipsis;

package/es/components/z-Ellipsis/ellipsis.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ProEllipsis } from '@ztocwst/rc-pro';
+var ZEllipsis = function ZEllipsis(props) {
+  return /*#__PURE__*/React.createElement(ProEllipsis, props);
+};
+export default ZEllipsis;

package/es/components/z-Ellipsis/index.d.ts

@@ -0,0 +1,3 @@
+import ZEllipsis from './ellipsis';
+export type { ProEllipsisProps } from '@ztocwst/rc-pro';
+export default ZEllipsis;

package/es/components/z-Ellipsis/index.js

@@ -0,0 +1,2 @@
+import ZEllipsis from "./ellipsis";
+export default ZEllipsis;

package/es/components/z-button/z-button.js

@@ -1,14 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ProButton } from '@ztocwst/rc-pro';
+import { processButtonProps } from "../../utils";
 // import { bizCssPrefix } from '../../variables';
 // import './index.scss';
+
 var ZButton = function ZButton(props) {
-  var _props$items;
-  return /*#__PURE__*/React.createElement(ProButton, _extends({}, props, {
-    items: props === null || props === void 0 ? void 0 : (_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.filter(function (e) {
-      return !!e;
-    })
-  }));
+  return /*#__PURE__*/React.createElement(ProButton, processButtonProps(props));
 };
 export default ZButton;

package/es/components/z-form/z-form.d.ts

@@ -1,4 +1,10 @@
 import * as React from 'react';
 import type { ProFormRenderProps } from '@ztocwst/rc-pro';
-declare const ZForm: React.FC<ProFormRenderProps>;
-export default ZForm;
+export default class ZFormContainer extends React.Component<ProFormRenderProps, any> {
+    formRef: any;
+    currentRef: any;
+    constructor(props: any);
+    getFormRef: () => any;
+    getCurrentRef: () => any;
+    render(): React.JSX.Element;
+}

package/es/components/z-form/z-form.js

@@ -1,6 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import * as React from 'react';
 import { ProFormRender } from '@ztocwst/rc-pro';
+import { processFormProps } from "../../utils";
 var ZForm = function ZForm(props) {
-  return /*#__PURE__*/React.createElement(ProFormRender, props);
+  var formProps = processFormProps(props);
+  return /*#__PURE__*/React.createElement(ProFormRender, formProps);
 };
-export default ZForm;
+
+// export default ZForm;
+var ZFormContainer = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ZFormContainer, _React$Component);
+  function ZFormContainer(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.formRef = void 0;
+    _this.currentRef = void 0;
+    _this.getFormRef = function () {
+      return _this.formRef.current;
+    };
+    _this.getCurrentRef = function () {
+      return _this.currentRef.current;
+    };
+    _this.formRef = /*#__PURE__*/React.createRef();
+    _this.currentRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+  var _proto = ZFormContainer.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ZForm, _extends({}, this.props, {
+      formRef: this.formRef,
+      currentRef: this.currentRef
+    }));
+  };
+  return ZFormContainer;
+}(React.Component);
+export { ZFormContainer as default };

package/es/components/z-list/index.d.ts

@@ -0,0 +1,3 @@
+import ZList from './list';
+export type { RcListItem } from '@ztocwst/rc-pro';
+export default ZList;

package/es/components/z-list/index.js

@@ -0,0 +1,2 @@
+import ZList from "./list";
+export default ZList;

package/es/components/z-list/list.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 模板列表
+ */
+import * as React from 'react';
+import type { RcListItem } from '@ztocwst/rc-pro';
+export default class ZTplListContainer extends React.Component<RcListItem, any> {
+    listRef: any;
+    constructor(props: any);
+    getListRef: () => any;
+    render(): React.JSX.Element;
+}

package/es/components/z-list/list.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+/**
+ * 模板列表
+ */
+import * as React from 'react';
+import { RcListTpl } from '@ztocwst/rc-pro';
+import { processListTplProps } from "../../utils";
+var ZList = function ZList(props) {
+  console.log(processListTplProps(props), 'listTpl props');
+  return /*#__PURE__*/React.createElement(RcListTpl, processListTplProps(props));
+};
+var ZTplListContainer = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ZTplListContainer, _React$Component);
+  function ZTplListContainer(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.listRef = void 0;
+    _this.getListRef = function () {
+      return _this.listRef.current;
+    };
+    _this.listRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+  var _proto = ZTplListContainer.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ZList, _extends({}, this.props, {
+      listRef: this.listRef
+    }));
+  };
+  return ZTplListContainer;
+}(React.Component);
+export { ZTplListContainer as default };

package/es/components/z-preview/index.d.ts

@@ -0,0 +1,3 @@
+import ZPreview from './preview';
+export type { ProPreviewProps } from '@ztocwst/rc-pro';
+export default ZPreview;

package/es/components/z-preview/index.js

@@ -0,0 +1,2 @@
+import ZPreview from "./preview";
+export default ZPreview;

package/es/components/z-preview/preview.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { ProPreviewProps } from '@ztocwst/rc-pro';
+declare const ZPreview: React.FC<ProPreviewProps>;
+export default ZPreview;

package/es/components/z-preview/preview.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ProPreview } from '@ztocwst/rc-pro';
+var ZPreview = function ZPreview(props) {
+  console.log(props, 22);
+  return /*#__PURE__*/React.createElement(ProPreview, props);
+};
+export default ZPreview;

package/es/components/z-table/index.d.ts

@@ -0,0 +1,3 @@
+import ZTable from './table';
+export type { ProTableProps } from '@ztocwst/rc-pro';
+export default ZTable;

package/es/components/z-table/index.js

@@ -0,0 +1,2 @@
+import ZTable from "./table";
+export default ZTable;

package/es/components/z-table/table.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { ProTableProps } from '@ztocwst/rc-pro';
+export default class ZTableContainer extends React.Component<ProTableProps, any> {
+    tableRef: any;
+    constructor(props: any);
+    getTableRef: () => any;
+    render(): React.JSX.Element;
+}

package/es/components/z-table/table.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import * as React from 'react';
+import { ProTable } from '@ztocwst/rc-pro';
+var ZTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ProTable, {
+    config: props,
+    ref: ref
+  });
+});
+var ZTableContainer = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ZTableContainer, _React$Component);
+  function ZTableContainer(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.tableRef = void 0;
+    _this.getTableRef = function () {
+      return _this.tableRef.current;
+    };
+    _this.tableRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+  var _proto = ZTableContainer.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ZTable, _extends({}, this.props, {
+      ref: this.tableRef
+    }));
+  };
+  return ZTableContainer;
+}(React.Component);
+export { ZTableContainer as default };

package/es/index.d.ts

@@ -2,5 +2,13 @@ export type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
 export { default as ZButton } from './components/z-button';
 export type { ProFormRenderProps } from '@ztocwst/rc-pro';
 export { default as ZForm } from './components/z-form';
+export type { ProEllipsisProps } from '@ztocwst/rc-pro';
+export { default as ZEllipsis } from './components/z-Ellipsis';
+export type { ProTableProps } from '@ztocwst/rc-pro';
+export { default as ZTable } from './components/z-table';
+export type { ProPreviewProps } from '@ztocwst/rc-pro';
+export { default as ZPreview } from './components/z-preview';
+export type { RcListItem } from '@ztocwst/rc-pro';
+export { default as ZList } from './components/z-list';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/es/index.js

@@ -1,4 +1,8 @@
 export { default as ZButton } from "./components/z-button";
 export { default as ZForm } from "./components/z-form";
+export { default as ZEllipsis } from "./components/z-Ellipsis";
+export { default as ZTable } from "./components/z-table";
+export { default as ZPreview } from "./components/z-preview";
+export { default as ZList } from "./components/z-list";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/es/utils/hoc.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType } from 'react';
+/**
+ * 简单包装，不做任何处理
+ * 部分组件ref比较特殊，包一层会解决这个问题
+ */
+export declare function withWrap(Comp: ComponentType<any>): import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;

package/es/utils/hoc.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { forwardRef } from 'react';
+
+/**
+ * 简单包装，不做任何处理
+ * 部分组件ref比较特殊，包一层会解决这个问题
+ */
+export function withWrap(Comp) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(Comp, _extends({}, props, {
+      ref: ref
+    }));
+  });
+}

package/es/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { processButtonProps } from './props/button';
+import { processFormProps } from './props/form';
+import { processListTplProps } from './props/listTpl';
+export { processFormProps, processListTplProps, processButtonProps };

package/es/utils/index.js

@@ -0,0 +1,4 @@
+import { processButtonProps } from "./props/button";
+import { processFormProps } from "./props/form";
+import { processListTplProps } from "./props/listTpl";
+export { processFormProps, processListTplProps, processButtonProps };

package/es/utils/props/button.d.ts

@@ -0,0 +1,9 @@
+import { ProButtonProps } from '@ztocwst/rc-pro';
+export declare const processButtonProps: (props: ProButtonProps) => {
+    items: import("@ztocwst/rc-pro").ProButtonItemsProps[];
+    spaceSize?: [import("antd/lib/space").SpaceSize, import("antd/lib/space").SpaceSize];
+    size?: import("antd/lib/button").ButtonSize;
+    onClick?: (item: import("@ztocwst/rc-pro").ProButtonItemsProps) => void | Promise<any>;
+    onSuccess?: (item: import("@ztocwst/rc-pro").ProButtonItemsProps, data?: any) => void;
+    type?: "link";
+};

package/es/utils/props/button.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["items"];
+export var processButtonProps = function processButtonProps(props) {
+  var items = props.items,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _items_ = Array.isArray(items) ? items : [items];
+  return _extends({}, rest, {
+    items: _items_ === null || _items_ === void 0 ? void 0 : _items_.filter(function (e) {
+      return !!e;
+    })
+  });
+};