{"version":3,"sources":["webpack://jerri-ui/src/components/richTextEditor/uploadQueue/F:/All project/JR-UI-pub/src/components/richTextEditor/uploadQueue/uploadQueue.scss","webpack://jerri-ui/src/components/richTextEditor/uploadQueue/F:/All project/JR-UI-pub/src/components/richTextEditor/uploadQueue/uploadQueue.vue","webpack://jerri-ui/src/components/richTextEditor/F:/All project/JR-UI-pub/src/components/richTextEditor/index.scss","webpack://jerri-ui/src/components/richTextEditor/F:/All project/JR-UI-pub/src/components/richTextEditor/richTextEditor.vue"],"names":[],"mappings":"AAAA,qCACE,qBAAyB,CACzB,yCAAkD,CAClD,cAAe,CACf,UAAW,CACX,mBAAoB,CACpB,WAAY,CACZ,SAAU,CAPZ,0DAUI,eAAgB,CAChB,cAAe,CACf,wBAA2B,CAC3B,eAAgB,CAChB,gBAAiB,CAdrB,iEAiBM,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,cAAe,CApBrB,uEAuBQ,8FACkB,CAxB1B,sEA4BQ,6FACkB,CA7B1B,wDAmCI,cAAe,CACf,UAAc,CACd,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,gBAAiB,CACjB,gBAAiB,CAEjB,2FAA0E,CA3C9E,yDA+CI,iBAAkB,CCyFpB,6EACE,UAAW,CACX,WAAY,CACb,mFAIC,wBAhHiB,CAiHlB,mFAIC,iBAxFwB,CAyFxB,wBA5IgB,CA8IhB,yFACE,wBAjHe,CAkHhB,4DDtGC,WAAY,CACZ,WAAY,CACZ,kBAAmB,CACnB,YAAa,CACb,cAAiB,CACjB,cAAe,CAxDrB,uEA2DQ,eAAkB,CA3D1B,mFA+DQ,UAAW,CACX,iBAAkB,CAClB,yCAAkD,CAjE1D,yFAoEU,UAAY,CApEtB,yFAwEU,mGACyB,CAzEnC,mGA4EY,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,MAAS,CACT,OAAU,CACV,KAAQ,CACR,QAAW,CACX,WAAY,CACZ,eAAgB,CApF5B,6FAyFU,eAAgB,CAChB,qBAAsB,CA1FhC,iGA6FY,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,MAAS,CACT,OAAU,CACV,KAAQ,CACR,QAAW,CACX,WAAY,CACZ,wBAAyB,CACzB,gBAAiB,CAtG7B,8EA4GQ,MAAO,CACP,eAAgB,CAChB,gBAAiB,CA9GzB,yFAiHU,eAAgB,CAChB,eAAgB,CAChB,oBAAqB,CACrB,sBAAuB,CACvB,kBAAmB,CACnB,cAAe,CAtHzB,wFA0HU,4BAA6B,CAC7B,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CA7H5B,sGAgIY,iBAAkB,CAClB,MAAO,CACP,WAAY,CACZ,UAAW,CACX,SAAU,CACV,wBClHQ,CDnBpB,4FA0IU,cAAe,CACf,UAAc,CA3IxB,qGA8IY,WAAY,CA9IxB,iFAoJQ,cAAe,CACf,cAAe,CArJvB,sFAwJU,cAAe,CACf,iBAAkB,CAClB,oBAAqB,CA1J/B,0FA8JU,aC3IU,CDnBpB,uFAsKU,cAAe,CACf,aAAc,CAvKxB,4FAmKY,YAAa,CEnKzB,0BACE,YAAa,CC2Kf,YACE,qBAAsB,CACtB,wBAAyB,CAF3B,yBAKI,WAAY,CACZ,+BAAgC,CANpC,qCASM,aAAc,CATpB,uBAcI,SAAU,CACV,YAAa,CAfjB,6CAoBQ,yBAA2B,CApBnC,wCAyBM,UAAW,CACX,cAAiB,CACjB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAoB,CACpB,uBAAyB,CA9B/B,oDAmCQ,SAAU,CACV,UAAW,CApCnB,0DAwCQ,iBAAkB,CAClB,wBAAyB,CAzCjC,gEA4CU,wBAAyB,CA5CnC,0DAiDQ,sBAAuB,CAjD/B,2DAqDQ,SAAU,CACV,QAAW,CAtDnB,mCA0DQ,aAAc","file":"style.css","sourcesContent":[".source-upload-wrap {\r\n  background-color: #ffffff;\r\n  box-shadow: 0px 1px 12px 0px rgba(39, 41, 90, 0.2);\r\n  position: fixed;\r\n  right: 20px;\r\n  padding-bottom: 18px;\r\n  bottom: 10px;\r\n  z-index: 2;\r\n\r\n  .source-upload-title {\r\n    text-align: left;\r\n    font-size: 14px;\r\n    padding: 18px 18px 0px 18px;\r\n    min-width: 250px;\r\n    line-height: 20px;\r\n\r\n    .scale {\r\n      width: 20px;\r\n      height: 20px;\r\n      float: right;\r\n      cursor: pointer;\r\n\r\n      &.close {\r\n        background: url(\"#{$--cdn-images}/richTextEditor/close.png\") center\r\n          center no-repeat;\r\n      }\r\n\r\n      &.open {\r\n        background: url(\"#{$--cdn-images}/richTextEditor/open.png\") center\r\n          center no-repeat;\r\n      }\r\n    }\r\n  }\r\n\r\n  .source-upload-tip {\r\n    font-size: 13px;\r\n    color: #999999;\r\n    text-align: left;\r\n    margin-top: 12px;\r\n    margin-bottom: 25px;\r\n    margin-left: 18px;\r\n    text-indent: 18px;\r\n\r\n    background: url(\"#{$--cdn-images}/richTextEditor/bulb.png\") left no-repeat;\r\n  }\r\n\r\n  .source-upload-list {\r\n    overflow-y: scroll;\r\n    @include scroll-bar;\r\n\r\n    li {\r\n      width: 360px;\r\n      height: 45px;\r\n      margin-bottom: 23px;\r\n      display: flex;\r\n      padding: 0px 18px;\r\n      font-size: 14px;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0px;\r\n      }\r\n\r\n      .upload-item-thumbnail {\r\n        width: 80px;\r\n        position: relative;\r\n        box-shadow: 0px 1px 2px 0px rgba(38, 50, 56, 0.16);\r\n\r\n        &.shade {\r\n          opacity: 0.5;\r\n        }\r\n\r\n        &.video {\r\n          background: url(\"#{$--cdn-images}/richTextEditor/video-wrap.png\")\r\n            center center no-repeat;\r\n\r\n          > .img-wrap {\r\n            width: 58px;\r\n            height: 41px;\r\n            position: absolute;\r\n            left: 0px;\r\n            right: 0px;\r\n            top: 0px;\r\n            bottom: 0px;\r\n            margin: auto;\r\n            overflow: hidden;\r\n          }\r\n        }\r\n\r\n        .img-wrap {\r\n          overflow: hidden;\r\n          background-color: #fff;\r\n\r\n          img {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: absolute;\r\n            left: 0px;\r\n            right: 0px;\r\n            top: 0px;\r\n            bottom: 0px;\r\n            margin: auto;\r\n            background-color: #f7f9fb;\r\n            object-fit: cover;\r\n          }\r\n        }\r\n      }\r\n\r\n      .upload-item-info {\r\n        flex: 3;\r\n        text-align: left;\r\n        margin-left: 15px;\r\n\r\n        .file-name {\r\n          max-width: 220px;\r\n          overflow: hidden;\r\n          display: inline-block;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n          font-size: 13px;\r\n        }\r\n\r\n        .progress {\r\n          border-bottom: 3px solid #ccc;\r\n          padding-bottom: 3px;\r\n          margin-bottom: 3px;\r\n          position: relative;\r\n\r\n          .progress-bar {\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: -3px;\r\n            height: 3px;\r\n            width: 45%;\r\n            background-color: $--color-c8;\r\n          }\r\n        }\r\n\r\n        .upload-speed {\r\n          font-size: 12px;\r\n          color: #999999;\r\n\r\n          .percent {\r\n            float: right;\r\n          }\r\n        }\r\n      }\r\n\r\n      .upload-item-operate {\r\n        margin-top: 6px;\r\n        font-size: 12px;\r\n\r\n        span {\r\n          cursor: pointer;\r\n          margin-right: 10px;\r\n          display: inline-block;\r\n        }\r\n\r\n        .success {\r\n          color: $--color-c8;\r\n        }\r\n\r\n        .fail {\r\n          &.text {\r\n            cursor: unset;\r\n          }\r\n\r\n          cursor: pointer;\r\n          color: #f55c54;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","/* 颜色变量 几种常见的颜色 参考图片\r\n-------------------------- */\r\n// 亮晶晶\r\n$--color-c0: transparent !default;\r\n// 黑色\r\n$--color-c1: #000 !default;\r\n// 输入框占位字体颜色\r\n$--color-c2: #999 !default;\r\n// 分割线/标签描边/滚动条/icon禁用\r\n$--color-c3: #abc0ba !default;\r\n// 表头背景\r\n$--color-c4: #e2e9e7 !default;\r\n// 内容区域底色\r\n$--color-c5: #f9fbf9 !default;\r\n// 白色\r\n$--color-c6: #fff !default;\r\n// 菜单栏/各类大标题\r\n$--color-c7: #003f2d !default;\r\n// 按钮/图标/字体点亮\r\n$--color-c8: #067f42 !default;\r\n// VI色/按钮hover色\r\n$--color-c9: #1aa849 !default;\r\n// 下拉条选中/弹窗选中\r\n$--color-c10: #e3f7e3 !default;\r\n// 强调/提醒/警示\r\n$--color-c11: #ff5c54 !default;\r\n// 强调/提醒\r\n$--color-c12: #ff8e00 !default;\r\n// 下拉选项字体颜色\r\n$--color-c13: #333 !default;\r\n// 滚动条背景色\r\n$--color-c14: #eff4ef !default;\r\n// 弹窗标题背景色\r\n$--color-c15: #1f6c44 !default;\r\n// 禁用输入框背景色\r\n$--color-c16: #f7f9f9 !default;\r\n// 禁用输入框字体颜色\r\n$--color-c17: #666 !default;\r\n// 白色按钮禁用字体颜色 滚动条hover颜色 + -号按钮默认字体颜色\r\n$--color-c18: #7e9e94 !default;\r\n// 弹窗关闭icon的hover色\r\n$--color-c19: #00ff06 !default;\r\n\r\n/* 字体大小，以衣服尺码数来区分大小 XXS、XS、S、M、L、XL、XXL、XXXL\r\n-------------------------- */\r\n$--font-xxl: 32px !default;\r\n$--font-xl: 26px !default;\r\n$--font-l: 24px !default;\r\n$--font-m: 16px !default;\r\n$--font-s: 15px !default;\r\n$--font-xs: 14px !default;\r\n$--font-xxs: 13px !default;\r\n$--font-xxxs: 12px !default;\r\n\r\n/* 圆角\r\n-------------------------- */\r\n$--border-radius-base: 3px !default;\r\n// ellipse tab圆角\r\n$--border-radius-tabs: 13px !default;\r\n// 滚动条\r\n$--border-radius-scroll: 2px !default;\r\n\r\n/* 阴影\r\n-------------------------- */\r\n$--box-shadow-base: 0px 1px 10px 0px rgba($--color-c1, 0.2) !default;\r\n// 按钮阴影\r\n$--box-shadow-btn: 0px 3px 3px 0px rgba(0, 63, 45, 0.45) !default;\r\n// 输入框阴影\r\n$--box-shadow-input: 0 0 0 2px rgba(26, 168, 73, 0.3) !default;\r\n// tabs阴影\r\n$--box-shadow-tabs: 0px -1px 1px 0px rgba($--color-c1, 0.06) !default;\r\n$--box-shadow-ellipse: 0px 2px 6px 0px rgba(38, 50, 56, 0.16) !default;\r\n\r\n/* 高度\r\n-------------------------- */\r\n// 输入框高度\r\n$--height-input: 32px !default;\r\n\r\n/* 宽度\r\n-------------------------- */\r\n// 外框菜单宽度\r\n$--width-menu: 180px !default;\r\n\r\n/* 距离\r\n-------------------------- */\r\n// 表单之间默认距离\r\n$--distance-form: 16px !default;\r\n\r\n// 需适配屏幕分辨率\r\n$--screen-s: 1366px !default;\r\n$--screen-m: 1600px !default;\r\n\r\n// cdn地址\r\n$--cdn-url: \"//cdn.ymm.cn/CDN\";\r\n$--cdn-images: \"#{$--cdn-url}/jerri-ui/assets/images\";\r\n\n// 弹性布局居中\r\n@mixin center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 占位符混入\r\n@mixin placeholder($color) {\r\n  &::-webkit-input-placeholder {\r\n    color: $color;\r\n  }\r\n}\r\n\r\n// 消除字体上下间距\r\n@mixin removeSpace($size) {\r\n  font-size: $size;\r\n  line-height: $size;\r\n}\r\n\r\n// 多行文本显示省略号\r\n@mixin rowHide($row) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  word-break: break-all;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $row;\r\n  cursor: default;\r\n}\r\n\r\n// 单行文本显示省略号\r\n@mixin ellip {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n// 滚动条混入\r\n@mixin scroll-bar {\r\n  ::-webkit-scrollbar {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  /*定义滚动条轨道*/\r\n  ::-webkit-scrollbar-track {\r\n    background-color: $--color-c14;\r\n  }\r\n\r\n  /*定义滑块*/\r\n  ::-webkit-scrollbar-thumb {\r\n    border-radius: $--border-radius-scroll;\r\n    background-color: $--color-c3;\r\n\r\n    &:hover {\r\n      background-color: $--color-c18;\r\n    }\r\n  }\r\n}\r\n\r\n// 媒体查询最大宽度混入 默认1600\r\n@mixin less-resolution($max-width: $--screen-m) {\r\n  @media screen and (max-width: $max-width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// 弹性布局垂直居中 水平根据参数对齐 默认靠两端平分\r\n@mixin flex-justify($align: space-between) {\r\n  display: flex;\r\n  justify-content: $align;\r\n  align-items: center;\r\n}\r\n\n\r\n@import \"./uploadQueue.scss\";\r\n",".content {\r\n  padding: 20px;\r\n}\r\n","/* 颜色变量 几种常见的颜色 参考图片\r\n-------------------------- */\r\n// 亮晶晶\r\n$--color-c0: transparent !default;\r\n// 黑色\r\n$--color-c1: #000 !default;\r\n// 输入框占位字体颜色\r\n$--color-c2: #999 !default;\r\n// 分割线/标签描边/滚动条/icon禁用\r\n$--color-c3: #abc0ba !default;\r\n// 表头背景\r\n$--color-c4: #e2e9e7 !default;\r\n// 内容区域底色\r\n$--color-c5: #f9fbf9 !default;\r\n// 白色\r\n$--color-c6: #fff !default;\r\n// 菜单栏/各类大标题\r\n$--color-c7: #003f2d !default;\r\n// 按钮/图标/字体点亮\r\n$--color-c8: #067f42 !default;\r\n// VI色/按钮hover色\r\n$--color-c9: #1aa849 !default;\r\n// 下拉条选中/弹窗选中\r\n$--color-c10: #e3f7e3 !default;\r\n// 强调/提醒/警示\r\n$--color-c11: #ff5c54 !default;\r\n// 强调/提醒\r\n$--color-c12: #ff8e00 !default;\r\n// 下拉选项字体颜色\r\n$--color-c13: #333 !default;\r\n// 滚动条背景色\r\n$--color-c14: #eff4ef !default;\r\n// 弹窗标题背景色\r\n$--color-c15: #1f6c44 !default;\r\n// 禁用输入框背景色\r\n$--color-c16: #f7f9f9 !default;\r\n// 禁用输入框字体颜色\r\n$--color-c17: #666 !default;\r\n// 白色按钮禁用字体颜色 滚动条hover颜色 + -号按钮默认字体颜色\r\n$--color-c18: #7e9e94 !default;\r\n// 弹窗关闭icon的hover色\r\n$--color-c19: #00ff06 !default;\r\n\r\n/* 字体大小，以衣服尺码数来区分大小 XXS、XS、S、M、L、XL、XXL、XXXL\r\n-------------------------- */\r\n$--font-xxl: 32px !default;\r\n$--font-xl: 26px !default;\r\n$--font-l: 24px !default;\r\n$--font-m: 16px !default;\r\n$--font-s: 15px !default;\r\n$--font-xs: 14px !default;\r\n$--font-xxs: 13px !default;\r\n$--font-xxxs: 12px !default;\r\n\r\n/* 圆角\r\n-------------------------- */\r\n$--border-radius-base: 3px !default;\r\n// ellipse tab圆角\r\n$--border-radius-tabs: 13px !default;\r\n// 滚动条\r\n$--border-radius-scroll: 2px !default;\r\n\r\n/* 阴影\r\n-------------------------- */\r\n$--box-shadow-base: 0px 1px 10px 0px rgba($--color-c1, 0.2) !default;\r\n// 按钮阴影\r\n$--box-shadow-btn: 0px 3px 3px 0px rgba(0, 63, 45, 0.45) !default;\r\n// 输入框阴影\r\n$--box-shadow-input: 0 0 0 2px rgba(26, 168, 73, 0.3) !default;\r\n// tabs阴影\r\n$--box-shadow-tabs: 0px -1px 1px 0px rgba($--color-c1, 0.06) !default;\r\n$--box-shadow-ellipse: 0px 2px 6px 0px rgba(38, 50, 56, 0.16) !default;\r\n\r\n/* 高度\r\n-------------------------- */\r\n// 输入框高度\r\n$--height-input: 32px !default;\r\n\r\n/* 宽度\r\n-------------------------- */\r\n// 外框菜单宽度\r\n$--width-menu: 180px !default;\r\n\r\n/* 距离\r\n-------------------------- */\r\n// 表单之间默认距离\r\n$--distance-form: 16px !default;\r\n\r\n// 需适配屏幕分辨率\r\n$--screen-s: 1366px !default;\r\n$--screen-m: 1600px !default;\r\n\r\n// cdn地址\r\n$--cdn-url: \"//cdn.ymm.cn/CDN\";\r\n$--cdn-images: \"#{$--cdn-url}/jerri-ui/assets/images\";\r\n\n// 弹性布局居中\r\n@mixin center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 占位符混入\r\n@mixin placeholder($color) {\r\n  &::-webkit-input-placeholder {\r\n    color: $color;\r\n  }\r\n}\r\n\r\n// 消除字体上下间距\r\n@mixin removeSpace($size) {\r\n  font-size: $size;\r\n  line-height: $size;\r\n}\r\n\r\n// 多行文本显示省略号\r\n@mixin rowHide($row) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  word-break: break-all;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $row;\r\n  cursor: default;\r\n}\r\n\r\n// 单行文本显示省略号\r\n@mixin ellip {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n// 滚动条混入\r\n@mixin scroll-bar {\r\n  ::-webkit-scrollbar {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  /*定义滚动条轨道*/\r\n  ::-webkit-scrollbar-track {\r\n    background-color: $--color-c14;\r\n  }\r\n\r\n  /*定义滑块*/\r\n  ::-webkit-scrollbar-thumb {\r\n    border-radius: $--border-radius-scroll;\r\n    background-color: $--color-c3;\r\n\r\n    &:hover {\r\n      background-color: $--color-c18;\r\n    }\r\n  }\r\n}\r\n\r\n// 媒体查询最大宽度混入 默认1600\r\n@mixin less-resolution($max-width: $--screen-m) {\r\n  @media screen and (max-width: $max-width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// 弹性布局垂直居中 水平根据参数对齐 默认靠两端平分\r\n@mixin flex-justify($align: space-between) {\r\n  display: flex;\r\n  justify-content: $align;\r\n  align-items: center;\r\n}\r\n\n\r\n.write-wrap {\r\n  background-color: #fff;\r\n  border: 1px solid #dee4ec;\r\n\r\n  .w-e-toolbar {\r\n    padding: 5px;\r\n    border-bottom: 1px solid #dee4ec;\r\n\r\n    .w-e-menu i {\r\n      color: #5d5d5d;\r\n    }\r\n  }\r\n\r\n  .write-box {\r\n    z-index: 1;\r\n    padding: 10px;\r\n    // transition: height 0.3s ease 0s;\r\n\r\n    &.auto-height {\r\n      .w-e-text {\r\n        overflow: hidden !important;\r\n      }\r\n    }\r\n\r\n    .w-e-placeholder {\r\n      color: #999;\r\n      padding: 0px 10px;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      margin: 0 !important;\r\n      line-height: 2 !important;\r\n    }\r\n\r\n    .w-e-text {\r\n      &::-webkit-scrollbar {\r\n        width: 3px;\r\n        height: 3px;\r\n      }\r\n\r\n      &::-webkit-scrollbar-thumb {\r\n        border-radius: 3px;\r\n        background-color: #d9e0e9;\r\n\r\n        &:hover {\r\n          background-color: #c4cdda;\r\n        }\r\n      }\r\n\r\n      &::-webkit-scrollbar-track {\r\n        background: transparent;\r\n      }\r\n\r\n      &::-webkit-scrollbar-button {\r\n        width: 3px;\r\n        height: 0px;\r\n      }\r\n\r\n      p {\r\n        line-height: 2;\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}