component-shipinlv 0.0.1

package/dist/Product/index.less

@@ -0,0 +1,84 @@
+.authQrLogin{
+  .loginForm{
+    margin: 0 auto;
+    padding: 0 0 5px 0  ;
+    background-color: rgba(255, 255, 255, 0.75 );
+    border-radius: 6px;
+  }
+  .webTitle{
+    font-weight: normal;
+    font-size: 22px;
+    text-align: center;
+    padding: 0;
+    margin: 6px 0 0 0;
+    line-height: 1em;
+    span{
+      display: inline-block;
+      padding-left: 5px;
+      font-weight: lighter;
+      font-size: 16px;
+    };
+  }
+  .weQrUrlBox{
+    min-height: 240px !important;
+    .weQrUrl{
+      width: 240px;
+      display: block;
+      margin: 10px auto 0;
+    }
+  }
+
+  .qr{
+    display: block;
+    margin: 12px auto 0;
+    width: 230px;
+    height: 230px;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    &.qrAlipay{
+      border: 3px solid #1677ff;
+    }
+    .reTry{
+      font-size: 80px;
+      background-color: rgba( 255, 255, 255, 0.95 );
+      text-align: center;
+      line-height: 210px;
+      height: 100%;
+      a{
+        display: block;
+      }
+    }
+  }
+  .alt{
+    padding: 10px 0 0;
+    color: #999;
+    text-align: center;
+  }
+  .altWeb{
+    padding: 16px 0 0;
+    max-width: 300px;
+    margin: 0 auto;
+    .titles{
+      text-align: center;
+      font-weight: bold;
+    }
+    ul{
+      margin: 0 10px;
+    }
+
+  }
+  .percent{
+    width: 100%;
+    position: absolute;
+    overflow: hidden;
+    left: 0;
+    bottom: 0;
+    .warp{
+      height: 4px;
+      background-color: #1677ff;
+      transition: all 1.6s ease-in-out;
+      -webkit-transition: all 1.6s ease-in-out;
+    }
+  }
+}

package/dist/UI/DialogDrawer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './DialogDrawer.less';
+interface Props {
+    onClose?: any;
+    content?: any;
+}
+declare const DialogDrawer: React.FC<Props>;
+export default DialogDrawer;

package/dist/UI/DialogDrawer.js

@@ -0,0 +1,67 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Drawer, ConfigProvider } from 'antd';
+import React, { useState, useEffect } from 'react';
+import Tool from "../lib/Tool";
+import "./DialogDrawer.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+// 抽屉
+var DialogDrawer = function DialogDrawer(props) {
+  var state = Tool.extend({
+    id: '',
+    title: '提示',
+    visible: true,
+    placement: 'right',
+    closable: true,
+    content: '',
+    width: 400,
+    maskClosable: false,
+    onClose: function onClose() {},
+    bgTheme: '' // 'light' , "",
+  }, props);
+
+  // 宽度
+  state.width = Math.min(state.width, window.innerWidth);
+
+  // 管理 显示隐藏
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+
+  // 关闭
+  var _onClose = function onClose() {
+    setVisible(false);
+    if (typeof props.onClose === 'function') {
+      props.onClose();
+    }
+  };
+  var componentWillUnmount = function componentWillUnmount() {
+    Tool.event.off("drawer-close.".concat(state.id));
+  };
+  useEffect(function () {
+    Tool.event.on("drawer-close.".concat(state.id), function () {
+      _onClose();
+    });
+    return componentWillUnmount;
+  }, []);
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        colorPrimary: '#722ED1'
+      }
+    },
+    children: /*#__PURE__*/_jsx(Drawer, {
+      className: "ktv-ai-drawerDialog ".concat(state.bgTheme, " "),
+      title: state.title,
+      placement: state.placement,
+      closable: state.closable,
+      onClose: function onClose() {
+        return _onClose();
+      },
+      visible: visible,
+      width: state.width,
+      children: props.content
+    })
+  });
+};
+export default DialogDrawer;

package/dist/UI/DialogDrawer.less

@@ -0,0 +1,10 @@
+.ktv-ai-drawerDialog {
+  .ant-drawer-body {
+    background-color: #f5f5f5;
+  }
+  &.light{
+    .ant-drawer-body {
+      background-color: #FFF;
+    }
+  }
+}

package/dist/UI/DialogDrawerFooter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './DialogDrawerFooter.less';
+interface Props {
+    children: React.ReactNode;
+}
+declare const DialogDrawerFooter: React.FC<Props>;
+export default DialogDrawerFooter;

package/dist/UI/DialogDrawerFooter.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Space } from 'antd';
+import "./DialogDrawerFooter.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DialogDrawerFooter = function DialogDrawerFooter(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "ktv-ai-dialogDrawerFooter",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "warp",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "warpChildren",
+        children: /*#__PURE__*/_jsx(Space, {
+          children: children
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "pos"
+    })]
+  });
+};
+export default DialogDrawerFooter;

package/dist/UI/DialogDrawerFooter.less

@@ -0,0 +1,19 @@
+.ktv-ai-dialogDrawerFooter{
+  .warp{
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    z-index: 20;
+    width: 100%;
+    height: 56px;
+    background-color: #FFF;
+    line-height: 56px;
+    text-align: right;
+  }
+  .warpChildren{
+    padding: 0 20px 0 0;
+  }
+  .pos{
+    height: 56px;
+  }
+}

package/dist/UI/LoadError.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './LoadError.less';
+interface Props {
+    title?: string;
+    code?: string;
+    subTitle?: string;
+    onReload?: (e?: any) => void;
+}
+declare const LoadError: React.FC<Props>;
+export default LoadError;

package/dist/UI/LoadError.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Button, Result } from 'antd';
+import "./LoadError.less";
+import { MehOutlined } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+var LoadError = function LoadError(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '似乎遇到了一些问题, 请稍后重试' : _ref$title,
+    _ref$code = _ref.code,
+    code = _ref$code === void 0 ? '' : _ref$code,
+    subTitle = _ref.subTitle,
+    _ref$onReload = _ref.onReload,
+    onReload = _ref$onReload === void 0 ? '' : _ref$onReload;
+  var getTitle = function getTitle() {
+    var outTitle = title === 'http error' ? '网络似乎有些问题' : title;
+    if (code === 'not-login') {
+      outTitle = '请登录后查看';
+    }
+    return outTitle;
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "ktv-ai-loadError",
+    children: /*#__PURE__*/_jsx(Result, {
+      icon: /*#__PURE__*/_jsx(MehOutlined, {}),
+      title: getTitle(),
+      subTitle: subTitle,
+      extra: typeof onReload === 'function' && !['_____'].includes(code) ? /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick(e) {
+          return onReload();
+        },
+        children: "\u91CD\u8BD5"
+      }) : ''
+    })
+  });
+};
+export default LoadError;

package/dist/UI/LoadError.less

@@ -0,0 +1,18 @@
+.ktv-ai-loadError {
+  .ant-result {
+    padding: 20px 2px;
+  }
+  .ant-result-image {
+    width: 200px;
+    height: 260px;
+    svg {
+      transform: scale(0.8);
+      transform-origin: 0 50%;
+    }
+  }
+  .ant-result-title {
+    color: #666;
+    font-weight: 400;
+    font-size: 18px;
+  }
+}

package/dist/UI/PageContentWarp.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './PageContentWarp.less';
+interface Props {
+    title?: React.ReactNode;
+    className?: string;
+    minHeight?: number;
+    loading?: boolean;
+    loadingDom?: React.ReactNode;
+    error?: Error | null;
+    extInfo?: React.ReactNode;
+    children?: React.ReactNode;
+    errorNode?: (err: Error) => React.ReactNode;
+    onReload?: () => void;
+}
+declare const PageContentWarp: React.FC<Props>;
+export default PageContentWarp;

package/dist/UI/PageContentWarp.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import "./PageContentWarp.less";
+import LoadError from "./LoadError";
+import { LoadingOutlined } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var PageContentWarp = function PageContentWarp(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? -1 : _ref$minHeight,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$loadingDom = _ref.loadingDom,
+    loadingDom = _ref$loadingDom === void 0 ? '' : _ref$loadingDom,
+    _ref$extInfo = _ref.extInfo,
+    extInfo = _ref$extInfo === void 0 ? '' : _ref$extInfo,
+    children = _ref.children,
+    error = _ref.error,
+    errorNode = _ref.errorNode,
+    onReload = _ref.onReload;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "ktv-ai-pageContentBox ".concat(className),
+    style: {
+      minHeight: minHeight > 0 ? minHeight : 'auto'
+    },
+    children: [title && /*#__PURE__*/_jsx("h2", {
+      children: title
+    }), error ? /*#__PURE__*/_jsx(_Fragment, {
+      children: errorNode && errorNode(error) ? errorNode(error) : /*#__PURE__*/_jsx(LoadError, {
+        title: error.message,
+        code: error.name,
+        onReload: onReload
+      })
+    }) : /*#__PURE__*/_jsx(_Fragment, {
+      children: loading ? loadingDom ? loadingDom : /*#__PURE__*/_jsx("div", {
+        className: "pageContentBoxLoading ktv-ai-loading",
+        children: /*#__PURE__*/_jsx(LoadingOutlined, {})
+      }) : children
+    })]
+  });
+};
+export default PageContentWarp;

package/dist/UI/PageContentWarp.less

@@ -0,0 +1,11 @@
+.ktv-ai-pageContentBox{
+  .ktv-ai-loading{
+    padding: 20px;
+    text-align: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    font-size: 30px;
+  }
+
+}

package/dist/VipCompare/commend.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './commend.less';
+interface Props {
+    commend?: number;
+}
+declare const VipCommend: React.FC<Props>;
+export default VipCommend;

package/dist/VipCompare/commend.js

@@ -0,0 +1,29 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { LikeOutlined } from '@ant-design/icons';
+import "./commend.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var VipCommend = function VipCommend(_ref) {
+  var _ref$commend = _ref.commend,
+    commend = _ref$commend === void 0 ? 0 : _ref$commend;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  useEffect(function () {
+    var dataList = [];
+    for (var i = 0; i < commend; i++) {
+      dataList.push(i);
+    }
+    setList(dataList);
+  }, [commend]);
+  return /*#__PURE__*/_jsx("span", {
+    className: "ktv-ai-vipCommend",
+    children: list.map(function (num, i) {
+      return /*#__PURE__*/_jsx(LikeOutlined, {
+        className: "ktv-ai-icon"
+      }, i);
+    })
+  });
+};
+export default VipCommend;

package/dist/VipCompare/commend.less

@@ -0,0 +1,7 @@
+.ktv-ai-vipCommend{
+  color: #F60;
+  padding-left: 3px;
+  .ktv-ai-icon{
+    margin-right: 1px;
+  }
+}

package/dist/VipCompare/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import "./index.less";
+interface Props {
+    productType: string;
+    env?: Global.Env;
+    isShowToken?: boolean;
+}
+declare const VipCompare: React.FC<Props>;
+export default VipCompare;