amssui 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 assui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,7 @@
+## 轻松上手
+mobile web 组件
+
+```bash
+// 安装依赖
+npm i amssui --save
+```

package/es/button-modal/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { ModalProps } from 'antd/lib/modal';
+export interface ModalAction {
+    open: () => void;
+    close: () => void;
+}
+export interface ButtonModalProps extends Omit<ModalProps, 'children'> {
+    onClose?: () => void;
+    onOpen?: () => void;
+    trigger?: React.ReactElement;
+    children: ((v: ModalAction) => React.ReactElement) | React.ReactElement;
+}
+declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<ButtonModalProps & React.RefAttributes<unknown>>;
+export default ForwardRefButtonModal;

package/es/button-modal/index.js

@@ -0,0 +1,131 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+}; // @ts-nocheck
+
+
+import * as React from 'react';
+import isFunction from 'lodash/isFunction';
+import Modal from 'react-vant/lib/dialog';
+
+var ButtonModal = function ButtonModal(props, ref) {
+  var _a = __read(React.useState(false), 2),
+      visible = _a[0],
+      setModalVisible = _a[1];
+
+  var children = props.children,
+      trigger = props.trigger,
+      onOpen = props.onOpen,
+      onClose = props.onClose,
+      onOk = props.onOk,
+      onCancel = props.onCancel,
+      restModalProps = __rest(props, ["children", "trigger", "onOpen", "onClose", "onOk", "onCancel"]);
+
+  var openModal = function openModal() {
+    if (onOpen) {
+      onOpen();
+    }
+
+    setModalVisible(true);
+  };
+
+  var closeModal = function closeModal() {
+    if (onClose) {
+      onClose();
+    }
+
+    setModalVisible(false);
+  };
+
+  var modalActionRef = React.useRef({
+    open: openModal,
+    close: closeModal
+  });
+  React.useImperativeHandle(ref, function () {
+    return modalActionRef.current;
+  });
+
+  var handleModalOk = function handleModalOk(e) {
+    if (onOk) {
+      return onOk(e);
+    }
+
+    closeModal();
+    return false;
+  };
+
+  var handleModalCancel = function handleModalCancel(e) {
+    if (onCancel) {
+      onCancel(e);
+    }
+
+    closeModal();
+  };
+
+  var buttonNode = trigger && /*#__PURE__*/React.cloneElement(trigger, {
+    onClick: openModal
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, buttonNode, /*#__PURE__*/React.createElement(Modal, __assign({
+    visible: visible,
+    onConfirm: handleModalOk,
+    onCancel: handleModalCancel,
+    centered: true,
+    maskClosable: false
+  }, restModalProps), isFunction(children) ? children(modalActionRef.current) : /*#__PURE__*/React.cloneElement(children, {
+    modalAction: modalActionRef.current
+  })));
+};
+
+var ForwardRefButtonModal = /*#__PURE__*/React.forwardRef(ButtonModal);
+export default ForwardRefButtonModal;

package/es/button-modal/style/index.d.ts

@@ -0,0 +1 @@
+import 'antd/lib/modal/style';

package/es/button-modal/style/index.js

@@ -0,0 +1 @@
+import 'antd/lib/modal/style';

package/es/index.d.ts

@@ -0,0 +1,2 @@
+export type { ButtonModalProps } from './button-modal';
+export { default as ButtonModal } from './button-modal';

package/es/index.js

@@ -0,0 +1 @@
+export { default as ButtonModal } from './button-modal';

package/es/style/themes/default.less

@@ -0,0 +1,4 @@
+@labelTextLabelScale: 0.8;
+@labelTextLabeltranslateY: -8px;
+@pickerInputTop: 9px;
+@labelFocusBorderColor: #000;

package/lib/button-modal/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { ModalProps } from 'antd/lib/modal';
+export interface ModalAction {
+    open: () => void;
+    close: () => void;
+}
+export interface ButtonModalProps extends Omit<ModalProps, 'children'> {
+    onClose?: () => void;
+    onOpen?: () => void;
+    trigger?: React.ReactElement;
+    children: ((v: ModalAction) => React.ReactElement) | React.ReactElement;
+}
+declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<ButtonModalProps & React.RefAttributes<unknown>>;
+export default ForwardRefButtonModal;

package/lib/button-modal/index.js

@@ -0,0 +1,184 @@
+"use strict";
+
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) {
+    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  }
+
+  __setModuleDefault(result, mod);
+
+  return result;
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+}); // @ts-nocheck
+
+var React = __importStar(require("react"));
+
+var isFunction_1 = __importDefault(require("lodash/isFunction"));
+
+var dialog_1 = __importDefault(require("react-vant/lib/dialog"));
+
+var ButtonModal = function ButtonModal(props, ref) {
+  var _a = __read(React.useState(false), 2),
+      visible = _a[0],
+      setModalVisible = _a[1];
+
+  var children = props.children,
+      trigger = props.trigger,
+      onOpen = props.onOpen,
+      onClose = props.onClose,
+      onOk = props.onOk,
+      onCancel = props.onCancel,
+      restModalProps = __rest(props, ["children", "trigger", "onOpen", "onClose", "onOk", "onCancel"]);
+
+  var openModal = function openModal() {
+    if (onOpen) {
+      onOpen();
+    }
+
+    setModalVisible(true);
+  };
+
+  var closeModal = function closeModal() {
+    if (onClose) {
+      onClose();
+    }
+
+    setModalVisible(false);
+  };
+
+  var modalActionRef = React.useRef({
+    open: openModal,
+    close: closeModal
+  });
+  React.useImperativeHandle(ref, function () {
+    return modalActionRef.current;
+  });
+
+  var handleModalOk = function handleModalOk(e) {
+    if (onOk) {
+      return onOk(e);
+    }
+
+    closeModal();
+    return false;
+  };
+
+  var handleModalCancel = function handleModalCancel(e) {
+    if (onCancel) {
+      onCancel(e);
+    }
+
+    closeModal();
+  };
+
+  var buttonNode = trigger && React.cloneElement(trigger, {
+    onClick: openModal
+  });
+  return React.createElement(React.Fragment, null, buttonNode, React.createElement(dialog_1["default"], __assign({
+    visible: visible,
+    onConfirm: handleModalOk,
+    onCancel: handleModalCancel,
+    centered: true,
+    maskClosable: false
+  }, restModalProps), (0, isFunction_1["default"])(children) ? children(modalActionRef.current) : React.cloneElement(children, {
+    modalAction: modalActionRef.current
+  })));
+};
+
+var ForwardRefButtonModal = React.forwardRef(ButtonModal);
+exports["default"] = ForwardRefButtonModal;

package/lib/button-modal/style/index.d.ts

@@ -0,0 +1 @@
+import 'antd/lib/modal/style';

package/lib/button-modal/style/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("antd/lib/modal/style");

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export type { ButtonModalProps } from './button-modal';
+export { default as ButtonModal } from './button-modal';

package/lib/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonModal = void 0;
+
+var button_modal_1 = require("./button-modal");
+
+Object.defineProperty(exports, "ButtonModal", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(button_modal_1)["default"];
+  }
+});

package/lib/style/themes/default.less

@@ -0,0 +1,4 @@
+@labelTextLabelScale: 0.8;
+@labelTextLabeltranslateY: -8px;
+@pickerInputTop: 9px;
+@labelFocusBorderColor: #000;

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "amssui",
+  "version": "1.0.1",
+  "description": "react ui library",
+  "author": "jason <usochen@gmail.com>",
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "types": "./lib/index.d.ts",
+  "unpkg": "dist/assui.js",
+  "sideEffects": [
+    "dist/*",
+    "es/**/style/*",
+    "lib/**/style/*",
+    "*.less"
+  ],
+  "authors": {
+    "name": "chenjianbin",
+    "email": "usochen@gmail.com"
+  },
+  "repository": "https://github.com/SPOTEC-LTD/ssui",
+  "homepage": "https://github.com/SPOTEC-LTD/ssui",
+  "scripts": {
+    "build": "gulp"
+  },
+  "files": [
+    "dist",
+    "lib",
+    "es",
+    "package.json",
+    "README.md"
+  ],
+  "dependencies": {
+    "@ahooksjs/use-url-state": "^2.5.8",
+    "a-icons": "^1.0.71",
+    "aa-utils": "^2.0.25",
+    "ahooks": "^3.0.8",
+    "react-vant": "^2.0.0-alpha.41"
+  },
+  "peerDependencies": {
+    "react": "^16.8.6 || ^17.0 || ^18.0"
+  },
+  "devDependencies": {
+    "@types/enzyme": "^3.10.5",
+    "jest-websocket-mock": "^2.1.0",
+    "mock-socket": "^9.0.3"
+  },
+  "engines": {
+    "node": ">=10.0.0"
+  },
+  "license": "MIT",
+  "gitHead": "50e2603d97efe6f8c3eaf2852011051e1ba60b5b"
+}