venus-design 0.0.1

package/dist/NumberPercent/index.js

@@ -0,0 +1,49 @@
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+var _excluded = ["value", "unitName", "unit"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import * as s from "./styles.less";
+var NumberUnits = function NumberUnits(props) {
+  var value = props.value,
+    unitName = props.unitName,
+    unit = props.unit,
+    others = _objectWithoutProperties(props, _excluded);
+  var unitObj = unitConfig.percent;
+  var onChange = function onChange(val) {
+    if (props.onChange) {
+      props.onChange(unitObj ? unitObj.set(val) : val);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: s.numberContainer
+  }, /*#__PURE__*/React.createElement(_InputNumber, _extends({}, others, {
+    value: unitObj ? unitObj.get(value) : value,
+    onChange: onChange
+  })), /*#__PURE__*/React.createElement("span", {
+    className: s.unit
+  }, " %"));
+};
+export var unitConfig = {
+  percent: {
+    name: '%',
+    get: function get(num) {
+      if (!num) return num;
+      if (isNaN(num)) return num;
+      return (num * 100).toFixed(2);
+    },
+    set: function set(num) {
+      if (!num) return num;
+      if (isNaN(num)) return num;
+      return Number((num / 100).toFixed(2));
+    }
+  }
+};
+export var formateDetail = function formateDetail(unit, number) {
+  if (!number || isNaN(number)) return number;
+  var unitObj = unitConfig.percent;
+  return unitObj ? unitObj.get(number) + ' ' + '%' : number;
+};
+export default NumberUnits;

package/dist/NumberPercent/styles.less

@@ -0,0 +1,18 @@
+@import '@/common.less';
+
+.numberContainer{
+    position: relative;
+    display: flex;
+    align-items: center;
+    :global(.ant-input-number-handler-wrap){
+        display: none;
+    }
+   :global(.ant-input-number-handler){
+       display: none;
+   } 
+   .unit{
+       position: absolute;
+       right: 5px;
+       color: @textSupplyColor;
+   }
+}

package/dist/NumberUnits/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const NumberUnits: (props: any) => React.JSX.Element;
+export declare const unitConfig: any;
+export declare const formateDetail: (unit: string, number: number, unitName: string) => string | number;
+export default NumberUnits;

package/dist/NumberUnits/index.js

@@ -0,0 +1,55 @@
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+var _excluded = ["value", "unitName", "unit"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import * as s from "./styles.less";
+var NumberUnits = function NumberUnits(props) {
+  var value = props.value,
+    unitName = props.unitName,
+    unit = props.unit,
+    others = _objectWithoutProperties(props, _excluded);
+  var unitObj = unitConfig[unit];
+  var renderUnit = function renderUnit() {
+    if (typeof unitName === 'function') {
+      return unitName();
+    }
+    return unitName;
+  };
+  var onChange = function onChange(val) {
+    if (props.onChange) {
+      props.onChange(unitObj ? unitObj.set(val) : val);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: s.numberContainer
+  }, /*#__PURE__*/React.createElement(_InputNumber, _extends({}, others, {
+    value: unitObj ? unitObj.get(value) : value,
+    onChange: onChange
+  })), /*#__PURE__*/React.createElement("span", {
+    className: s.unit
+  }, " ", renderUnit()));
+};
+export var unitConfig = {
+  million: {
+    name: '万',
+    get: function get(num) {
+      if (!num) return num;
+      if (isNaN(num)) return num;
+      return (num / 10000).toFixed(2);
+    },
+    set: function set(num) {
+      if (!num) return num;
+      if (isNaN(num)) return num;
+      return Number((num * 10000).toFixed(2));
+    }
+  }
+};
+export var formateDetail = function formateDetail(unit, number, unitName) {
+  if (!number || isNaN(number)) return number;
+  var unitObj = unitConfig[unit];
+  return unitObj ? unitObj.get(number) + ' ' + unitName : number;
+};
+export default NumberUnits;

package/dist/NumberUnits/styles.less

@@ -0,0 +1,18 @@
+@import '~@/common';
+
+.numberContainer{
+    position: relative;
+    display: flex;
+    align-items: center;
+    :global(.ant-input-number-handler-wrap){
+        display: none;
+    }
+   :global(.ant-input-number-handler){
+       display: none;
+   } 
+   .unit{
+       position: absolute;
+       right: 5px;
+       color: @textSupplyColor;
+   }
+}

package/dist/ProForm/index.d.ts

@@ -0,0 +1,122 @@
+import React from 'react';
+declare const ProForm: {
+    (props: any): React.JSX.Element;
+    Group: (props: any) => React.JSX.Element;
+    Item: (props: any) => React.JSX.Element;
+};
+export declare const FormGroup: (props: any) => React.JSX.Element;
+export declare const FormItem: (props: any) => React.JSX.Element;
+export declare const FormItem2: (props: any) => React.JSX.Element;
+export declare const FormItemSE: (props: any) => React.JSX.Element;
+export declare const FormItemCust: (props: any) => React.JSX.Element;
+export declare const FormDependency: (props: any) => React.JSX.Element;
+export declare const FormText: (props: any) => React.JSX.Element;
+export declare const FormText2: (props: any) => React.JSX.Element;
+export declare const FormTextER: (props: any) => React.JSX.Element;
+export declare const FormTextCust: (props: any) => React.JSX.Element;
+export declare const FormTextarea: (props: any) => React.JSX.Element;
+export declare const FormSelect: (props: any) => React.JSX.Element;
+export declare const FormSelect2: (props: any) => React.JSX.Element;
+export declare const FormSelectER: (props: any) => React.JSX.Element;
+export declare const FormRadioGroup: (props: any) => React.JSX.Element;
+export declare const FormNumber: (props: any) => React.JSX.Element;
+export declare const FormNumberPercent: (props: any) => React.JSX.Element;
+export declare const FormNumberUnit: (props: any) => React.JSX.Element;
+export declare const FormDatePicker: (props: any) => React.JSX.Element;
+export declare const FormDatePickerDesign: (props: any) => React.JSX.Element;
+export declare const FormUpload: (props: any) => React.JSX.Element;
+export declare const FormSearch: (props: any) => React.JSX.Element;
+export declare const FormTreeSelect: (props: any) => React.JSX.Element;
+/**
+ * 可以定义宽度的下拉
+ * @param props
+ * @returns
+ */
+export declare const VenusFormSelect: (props: any) => React.JSX.Element;
+/**
+ * 可以定义宽度的文本
+ * @param props
+ * @returns
+ */
+export declare const VenusFormText: (props: any) => React.JSX.Element;
+/**
+ * 选择时间
+ * @param props
+ * @returns
+ */
+export declare const VenusFormDatePicker: (props: any) => React.JSX.Element;
+/**
+ * 单选按钮
+ * @param props
+ * @returns
+ */
+export declare const VenusFormRadioGroup: (props: any) => React.JSX.Element;
+/**
+ * 多选按钮+输入框
+ */
+export declare const VenusFormCheckBoxInputGroup: (props: any) => React.JSX.Element;
+/**
+ * 多选按钮
+ */
+export declare const VenusFormCheckBoxGroup: (props: any) => React.JSX.Element;
+/**
+ * 文本域
+ * @param props
+ * @returns
+ */
+export declare const VenusFormTextarea: (props: any) => React.JSX.Element;
+/**
+ * 数字输入
+ * @param props
+ * @returns
+ */
+export declare const VenusFormNumber: (props: any) => React.JSX.Element;
+/**
+ * 上传图片组件
+ * @param props
+ * @returns
+ */
+export declare const VenusFormUploadImage: (props: any) => React.JSX.Element;
+/**
+ * 带后缀数字输入框
+ * @param props
+ * @returns
+ */
+export declare const VenusFormNumberUnit: (props: any) => React.JSX.Element;
+/**
+ * 小数转为百分比数字输入框
+ * @param props
+ * @returns
+ */
+export declare const VenusFormNumberPercent: (props: any) => React.JSX.Element;
+/**
+ * 上传组件
+ * @param props
+ * @returns
+ */
+export declare const VenusFormUpload: (props: any) => React.JSX.Element;
+/**
+ * 树型下拉
+ * @param props
+ * @returns
+ */
+export declare const VenusFormTreeSelect: (props: any) => React.JSX.Element;
+/**
+ *
+ * @param props
+ * @returns
+ */
+export declare const VenusFormSearch: (props: any) => React.JSX.Element;
+/**
+ *
+ * @param props
+ * @returns
+ */
+export declare const VenusFormSwitch: (props: any) => React.JSX.Element;
+/**
+ * 上传组件
+ * @param props
+ * @returns
+ */
+export declare const VenusFormUploadPro: (props: any) => React.JSX.Element;
+export default ProForm;